我们一般用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

随机文章

三星明年将其手机系统Bada开源
三星明年将其手机系统Bada开源

受期待的网页游戏《圣境传说》大陆代理权被昆仑万维获得
受期待的网页游戏《圣境传说》大陆代理权被昆仑万维获得

wordpress插入代码插件
wordpress插入代码插件

自用Angularjs开发环境搭建(国内通用)
自用Angularjs开发环境搭建(国内通用)

AngularJS的controllerAs常见用法
AngularJS的controllerAs常见用法

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

相关文章

百度站长平台开放注册了,但功能很一般
百度站长平台开放注册了,但功能很一般

IOS用户转投android吧
IOS用户转投android吧

如何去掉搜狗拼音里面的搜狐新闻
如何去掉搜狗拼音里面的搜狐新闻

辛亥革命电影(国语+字幕)下载
辛亥革命电影(国语+字幕)下载

Eclipse不能自动编译java为class的解决办法
Eclipse不能自动编译java为class的解决办法

用java swing画直升飞机
用java swing画直升飞机

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