星空网 > 软件开发 > Java

AngularJS中的ng

 

在AngularJS中,ng-controller是最常用的directive。比如:

 

var app = angular.module("app",[]);app.controlle("AppCtrl", function(){  var app = this;  app.people = [    {"firstName":"", "lastName":""},    ...  ];})app.controller("FirstCtrl", function(){  var first = this;  first.message = "i am the first one";})app.controller("SecondCtrl", function(){  var second = this;  second.message = "i am the second one";})

 

页面部分:

 

<body ng-controller="AppCtrl as app">  <div ng-controller="FirstCtrl as first">    {{first.message}}  </div>  <div ng-controller="SecondCtrl as second">    {{second.message}}  </div></body>

 

现在模拟一个ng-controller的directive

 

app.directive("myController", function(){  return {    scope: true,    controller: '@'  }})

 

可见,my-controller和ng-controlller工作原理是一样的。

页面部分使用my-controller

 

<body my-controller="AppCtrl as app">  <div my-controller="FirstCtrl as first">    {{first.message}}  </div>  <div my-controller="SecondCtrl as second">    {{second.message}}  </div></body>

 

所有的页面呈现都不变。

如果我们想让自定义的my-controller替代AngularJS默认的ng-controller,可以使用priority属性:

 

app.directive("myController", function(){  return {    scope: true,    controller: '@',    priority: 500  }})

 

默认的priority字段值是0.

 




原标题:AngularJS中的ng

关键词:JS

JS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

Spartoo开店:https://www.goluckyvip.com/tag/25629.html
贸易环境动荡:https://www.goluckyvip.com/tag/2563.html
Sparty:https://www.goluckyvip.com/tag/25630.html
specify翻译:https://www.goluckyvip.com/tag/25631.html
Spectrocard:https://www.goluckyvip.com/tag/25632.html
Spedag Interfreight:https://www.goluckyvip.com/tag/25633.html
长治婚庆女司仪和主持人:https://www.vstour.cn/a/366176.html
北京丰台区水上乐园哪家好玩?:https://www.vstour.cn/a/366177.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流