ng是angular的核心模块它是由function(函数),directive(指令),service(服务),provider(提供者),filter(过滤器)组成的一个对象即模块;
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>
转载于:https://www.cnblogs.com/jsir-space/p/7522946.html