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'
    }
}

以上.

posted @ 2016-06-03 00:24  mayufo  阅读(352)  评论(0)  编辑  收藏  举报