angular----ng核心模块

　　  ng是angular的核心模块它是由function（函数），directive（指令），service（服务），provider（提供者），filter（过滤器）组成的一个对象即模块；

　　我们先来看他的directive（指令）：

　　ng-app: 它是来定义angularJS作用范围的跟元素；一般情况下，我们都会把它挂载到<body>上或者，<html>上

　　就像这样：

1 <html lang="en" ng-app="myApp">
2 <head>
3     ...
4 </head>
5 <body>
6     ...
7 </body>
8 </html>

 

　　注意：所有 AngularJS 应用都必须要有一个根元素。HTML 文档中只允许有一个 ng-app 指令，如果有多个 ng-app 指令，则只有第一个会被使用。

　　ng-controller:它是用来给某个元素定义一个控制器，也就是MVC中的C；

　　就像这样：

1 <div ng-controller="myCtrl">
2         {{msg}}
3 </div>
4     <script>
5         var app = angular.module('myApp',[]);
6         app.controller('myCtrl',function ($scope) {
7             $scope.msg = 'Hello Jsir'
8           })
9     </script>

　 注意：上述代码<div>中的{{msg}}是绑定在参数$scope上的属性；

　　ng-bind：告诉 AngularJS 使用给定的变量或表达式的值来替换 HTML 元素的内容。如果给定的变量或表达式修改了，指定替换的 HTML 元素也会修改。

　　就像这样：　

 1 <div ng-app="myApp" ng-controller="myCtrl">
 2 　　　　{{msg}}
 3 </div>
 4 　　<p ng-bind="msg"></p>
 5 <script>
 6 　　var app = angular.module('myApp',[]);
 7 　　app.controller('myCtrl',function ($scope) {
 8 　　　　$scope.msg = 'Hello Jsir'
 9 　　})
10 </script>

 

posted @ 2017-09-14 20:54  赵健  阅读(352)  评论(0)    收藏  举报