今天刚学了点关于Angular的知识,就迫不及待的想跟大家来分享。
1.angular.extend ( )方法可以把一个或多个对象中的方法和属性扩展到一个目的对象中。
<script type="text/javascript"> var json = { name:"jack", age:20, }; var json1 = { sex:'men' } var c = angular.extend(json,json1); console.log(c) </script>
2.angular.bootstrap ( )手动注册ng-app,寻找ng-app,没有就可以使用angular.bootstrap手动注册,可以使用这个分段加载模块,用的相对少,作为了解
<body> <div ng-app="myApp" ng-init=" text='hello'"> {{text}} <div ng-controller="myCtrl"> {{text}} <div ng-controller="myCtrl2"> {{text}} </div> </div> <div ng-controller="myCtrl3"> {{text}} </div> </div> <script src="js/angular.js"></script> <script> //1. ngController只能放在ngApp中使用 // 2. 会有多个controller一起使用,controller的使用采用就近原则来使用controller //3. $scope会有一个类似继承的关系,每一个主模块的页面中都会有一个$roorScope(主作用域),所有的控制器都会创建自己的scope(子作用域) // 4. $scope中没有的变量会去上一级scope寻找直到$rootScope终止 var app=angular.module('myApp',[]); app.controller('myCtrl',function ($scope) { $scope.text='hellomyCtrl' }); app.controller('myCtrl2',function ($scope) { $scope.text='hellomyCtrl2 嵌套' }) app.controller('myCtrl3',function ($scope) { }) </script> </body>
1.控制器可以嵌套
2.控制器可以多个
3.控制器就近原则
每一个主模块中都会有$rootscope
;
所有的控制器都会创建自己的$scope
(作用域);$scope
有继承的关系,会继承上一级($rootscope
),就是$scope
中没有的变量会去上一级寻找,直到$rootscope
终止
没有使用控制器的时候,有个$rootscope,根的作用域
,(如果$rootstrap中有内容,则可以去继承)
<body>
<div ng-app="myApp" ng-init=" text='hello'">
{{text}}
<div ng-controller="myCtrl">
{{text}}
<div ng-controller="myCtrl2">
{{text}}
</div>
</div>
<div ng-controller="myCtrl3">
{{text}}
</div>
</div>
<script src="js/angular.js"></script>
<script>
//1. ngController只能放在ngApp中使用
// 2. 会有多个controller一起使用,controller的使用采用就近原则来使用controller
//3. $scope会有一个类似继承的关系,每一个主模块的页面中都会有一个$roorScope(主作用域),所有的控制器都会创建自己的scope(子作用域)
// 4. $scope中没有的变量会去上一级scope寻找直到$rootScope终止
var app=angular.module('myApp',[]);
app.controller('myCtrl',function ($scope) {
$scope.text='hellomyCtrl'
});
app.controller('myCtrl2',function ($scope) {
$scope.text='hellomyCtrl2 嵌套'
})
app.controller('myCtrl3',function ($scope) {
})
</script>
</body>