我们一般用controllerAs多半是因为要用到我们的controller里面的数据,比如获取一个名叫cells.json,里面包含了所有手机的概况,我们需要获取这些数据以便ng-repeate它,一般我们可以在路由和指令里面使用。
先上模板页面cells.html

<ul>
	<li ng-repeat="cell in vm.cells">{{cell.name}},价格:{{cell.price}}</li>
</ul>

路由内容

'use strict';

angular
.module('myApp', ['ngRoute', 'app.directive'])
.config(['$routeProvider', function($routeProvider) {
	$routeProvider
	.when('/', {
		template: 'index'
	})
	.when('/cells', {
		template: '<cells-list></cells-list>',
		controller: ['Cells', 
		    function (Cells) {
			var vm = this
                        vm.cells = Cells.query();
    	            }
                ],
		controllerAs: 'vm'
	})
}])

指令内容

'use strict';

angular
.module('app.directive',['app.service'])
.directive('cellsList', function(){
	return {
		templateUrl:'view/cells.html',
		controller: ['Cells', 
		   function (Cells) {
		      var vm = this
                      vm.cells = Cells.query();
    	           }
                ],
                controllerAs: 'vm'
	}
})

可以选择在路由里面用controller和controllerAs,或者在指令里面使用。

效果都是一样的
controller和controllerAs

随机文章

oppo(欧珀)手机刷机图文教程
oppo(欧珀)手机刷机图文教程

注意了,谷歌I/O大会注册将于3月13日23时开始
注意了,谷歌I/O大会注册将于3月13日23时开始

《 AngularJS深度剖析与最佳实践》安装front-jet失败
《 AngularJS深度剖析与最佳实践》安装front-jet失败

给android模拟器安装apk
给android模拟器安装apk

今天道招网重新用起了以前的纳奇广告联盟
今天道招网重新用起了以前的纳奇广告联盟

相关文章

java编写五子棋
java编写五子棋

转载构建shaodowsocks来翻××墙
转载构建shaodowsocks来翻××墙

百度与微软必应bing的合作
百度与微软必应bing的合作

百度“道招”这个关键字现在终于第一页
百度“道招”这个关键字现在终于第一页

求6块钱回家
求6块钱回家

内容分享:道招
本文链接:AngularJS的controllerAs常见用法
道招声明:除特别标注或作者不详外,本站所有文章均为原创,转载请注明。欢迎共同关注互联网!