您的位置：首页 > Web前端 > AngularJS

angular controller的一些用法

2016-06-03 00:24 561 查看
最近公司的项目是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'
}
}

以上.
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航