angular controller的一些用法
最近公司的项目是es6+angular。其中的代码格式还在逐步摸索中。感谢今天同事每天帮我解惑。
今天简单梳理一下controller的一些用法
之前看书所熟知的都是
这是最普通的一种
//html
<html ng-app='app'>
<div ng-controller='mycontroller'></div>
</html>
//js
<script>
angular.module('app').controller('mycontroller')
</script>
然而在项目中运用了es6 angular就变形了
//index.js
import angular from 'angular';
import uiRouter from 'angular-ui-router';
angular.
moduler('XXX',[
ui-Router
])
.controller('cookieConteroller',$cookiex => { //这个里面的'cookieConteroller'一定在页面里面有所变现
'ngInject'; //这个可以理解为防止压缩
<----逻辑代码--->
})
如果是模板形式加载的,肯定会表现在Router里面
//routers.js
export const XXX = {
state: 'xxx.home'
config: {
url:'/home',
templateUrl: '模板页面',
controller: '模板页面的名字',
controllerAs: '模板页面的别名 一般用vm,$ctrl'
}
}
以上.
- 上一篇 »angular.element，的用法
- 下一篇 »关于angular.extend的用法