Controller as 语法

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

在这个课程里我们在把控制器里的数据传递给视图的时候,都是通过 $scope 这个中介,先把 $scope 作为依赖注入到控制器里,然后再把数据作为它的一些属性。在 AngularJS 1.2 以后的版本里,我们可以使用一种叫 controller as 的语法 ...

下面使用这种用法去改造一下这个控制器 ... 首先可以去掉依赖的这个 $scope ... 为视图提供的数据可以放到 this 上面 ... this 表示当前控制器的实例 ...

回到 index.html ... 在视图上使用控制器也需要调整一下 ... 在这个 div 上面用到了 UserController 控制器 ... 这里需要在它后面加上一个 as 然后再给这个控制器的实例起个名字 ... 比如叫它 user ...

在绑定数据的地方,我们可以用到这个名字 ... 比如这个 userName ... 在它前面要加上 user. 保存 ... 在浏览器上会正常的显示出 userName 里面的值 ...

回到 app.js ... 在使用 Controller as 语法的时候,可以所数据放到 this 上面 ... 不过一般,我们可以把这个 this 再起个其它的名字 ... 通常我们可以叫它 self ... 这是因为 JavaScript 本身的原因,这样做会更好一点...

var self = this;

Controller as 语法《 AngularJS 基础 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点