初入angularJS [3]
2014-01-01 10:14
134 查看
<!DOCTYPE html> <html ng-app="demoApp"> <head> <title></title> <script src="./angular-1.0.1.min.js"></script> </head> <body> <div ng-controller="SimpleController"> Name:<br/> <input type="text" ng-model="name" /><br/> <ul> <li ng-repeat="cust in customers | filter:name | orderBy:'name'">{{cust.name}}</li> </ul> </div> <script> var demoApp=angular.module("demoApp",[]); var controllers={}; controllers.SimpleController= function ($scope){ $scope.customers=[ {name:'John Smith',city:'Phoenix'}, {name:'John Doe',city:'New York'}, {name:'Jane Doe',city:'San Francisco'} ]; }; demoApp.controller(controllers); </script> </body> </html>
相关文章推荐
- AngularJS页面加载闪烁解决方案
- 深入AngularJs(2)
- AngularJs实现 每列排序,输入查找、插入升序降序图标
- 【angular】学习AngularJS 笔记(慕课网)【01】
- AngularJS初学之:控制器方法
- AngularJS用户管理
- Angularjs
- angularjs使用ng-messages的注册表单实例
- AngularJS
- AngularJS深入(1)——加载启动
- angularJS Html5 的video src属性
- AngularJS学习总结
- AngularJs 保存人员信息的方法
- AngularJS 与Bootstrap实现表格分页实例代码
- AngularJs的过滤,添加,相同名字的验证
- 对比jQuery和AngularJS的不同思维模
- 关于angularjs中$http POST请求参数的问题
- AngularJs实现密码框的内容校验,并实现下拉列表的所列的展示形式
- angularjs制作购物车功能
- angularjs之ng-if、ng-show、ng-switch那些事