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

随机文章

天下3到底有多火啊,要排队了
天下3到底有多火啊,要排队了

第一讲:Android开发环境的搭建
第一讲:Android开发环境的搭建

wordpress的tag优化插件simple tags
wordpress的tag优化插件simple tags

windows平台Emacs单实例原理、设置及右键菜单的添加
windows平台Emacs单实例原理、设置及右键菜单的添加

curl获取https开头的url的内容
curl获取https开头的url的内容

用cmd调试java图文教程
用cmd调试java图文教程

相关文章

OPPO A103手机意外丢失,买酷比E66送话费
OPPO A103手机意外丢失,买酷比E66送话费

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

Java基础第十一讲:面向对象基础(五)
Java基础第十一讲:面向对象基础(五)

百度新首页看法
百度新首页看法

企业邮箱用户名太短的悲哀
企业邮箱用户名太短的悲哀

如何在不用密码的情况下删除360企业版(360天擎)
如何在不用密码的情况下删除360企业版(360天擎)

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