AngularJS获取密码
2015-11-15 23:58
621 查看
1、设计源码
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>AngularJS获取密码</title>
<script type="text/javascript" src="angular.js"></script>
</head>
<body>
<div ng-app="">
<p>密码：<input type="password" ng-model="password" maxlength="12"></p>
<p ng-bind="password"></p>
</div>
</body>
</html>
2、实现结果
3、实例说明
当输入框中输入“123456”，下面也跟着显示“123456”；绑定式显示
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>AngularJS获取密码</title>
<script type="text/javascript" src="angular.js"></script>
</head>
<body>
<div ng-app="">
<p>密码：<input type="password" ng-model="password" maxlength="12"></p>
<p ng-bind="password"></p>
</div>
</body>
</html>
2、实现结果
3、实例说明
当输入框中输入“123456”，下面也跟着显示“123456”；绑定式显示
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- angular学习资源
- angular.animation的使用
- AngularJs $cacheFactory 缓存服务
- angularjs 下实现即可通过select选择 也可以通过input输入
- juqery 与angularjs 的区别
- AngularJS 自定义表单验证$parsers
- Angular黑科技之transclude
- AngularJs 基础与进阶
- [转载]AngularJs的一些坑
- angular中的orderBy过滤器使用
- 如何在angular指令渲染模板完毕后再执行link方法，render完毕再在link中操作dom节点
- 对AngularJS中无法直接获取Promise状态的不解
- [AngularJS] Use ng-model-options to limit $digest
- AngularJS指令参数详解
- AngularJs ngInclude、ngTransclude
- AngularJs ngIf、ngSwitch、ngHide/ngShow
- AngularJs ngReadonly、ngSelected、ngDisabled
- 慎用angular.forEach
- Angular规范
- 购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(3)--Idetity,OWIN前后端验证