angularJS笔记
2015-09-14 14:37
661 查看
1、MVC
ng-app: html表头处,每个htnl文件只能有一个ng-app
ng-controller :js文件中定义
ng-model:只要引用了angularJS就可以使用
js文件代码如下:
html文件代码如下:
ng-repeat : 内敛使用
ng-click: 点击事件
神奇的$scope
1、$scope是一个POJO(js对象)
2、$scope提供了一些工具方法($watch()\$applay())
3、$scope是一个树形结构,与DOM标签平行
4、子$scope对象会继承父$scope上的属性和方法
4、每个angularjs会有一个根$scope,一般位于(ng-app)
angularjs启动时首先查找ng-app,然后查找$rootscope
ng-app: html表头处,每个htnl文件只能有一个ng-app
ng-controller :js文件中定义
ng-model:只要引用了angularJS就可以使用
js文件代码如下:
var myMoudle = angular.module("HelloAngular",[]); myMoudle.controller("HelloAngular",['$scope', //控制器 C function HelloAngular($scope){ $scope.greeting = { text: "Hello" } } ]) myMoudle.directive("hello",function(){ //重定义前端 V return{ restrict : 'E', template: '<div>Hi everyone!', replace: true } });
html文件代码如下:
<!doctype html> <html ng-app = "HelloAngular"> <head> <meta charset = "utf-8"> </head> <body> <div ng-controller = "HelloAngular"> <p>{{greeting.text}},Angular</p> <p>{{greeting.text}},Angular</p> <hello></hello> </div> <div> <input ng-model = "greeting.text"/> <!--model M--> <p>{{greeting.text}},Angular</p> </div> </body> <script src = "../../node_modules/angular/angular.js"></script> <script src = "Hello_Angular_Module.js"></script> </html>
ng-repeat : 内敛使用
ng-click: 点击事件
<li ng-repeat = "i in [1,2,4,3]" ng-controller = "xxx">{{i}}
神奇的$scope
1、$scope是一个POJO(js对象)
2、$scope提供了一些工具方法($watch()\$applay())
3、$scope是一个树形结构,与DOM标签平行
4、子$scope对象会继承父$scope上的属性和方法
4、每个angularjs会有一个根$scope,一般位于(ng-app)
angularjs启动时首先查找ng-app,然后查找$rootscope
相关文章推荐
- angular translate
- angularjs ui-view替换掉父标签
- angularjs自定义指令
- Ionic + AngularJS angular-translate 国际化本地化解决方案
- angularJS<六、$scope里的$watch方法>
- angularJS<四、多个Controller的作用域>
- AngularJS执行流程详解
- Spring MVC + AngularJS Integration
- AngularJs学习
- 接近带给你AngularJS - 经验说明示例
- angularjs 学习日志01
- 初学angularJS笔记之Services服务
- AngularJS 工具函数
- backbone, AngularJS, EmberJS 简单比较
- Angularjs在线编辑器
- ANGULAR 开发用户选择器指令
- Spring Data REST + GemFire + AngularJS Integration
- angularJS web应用SEO
- 初学angularJS之controller作用域
- 初学angularJS之$scope用法