angular controller的一些用法

最新推荐文章于 2024-07-30 10:56:44 发布

weixin_34071713

最新推荐文章于 2024-07-30 10:56:44 发布

阅读量130

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mayufo/p/5554899.html

版权

最近公司的项目是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'
    }
}

以上.

转载于:https://www.cnblogs.com/mayufo/p/5554899.html

weixin_34071713

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angular controller的一些用法

最近公司的项目是es6+angular。其中的代码格式还在逐步摸索中。感谢今天同事每天帮我解惑。今天简单梳理一下controller的一些用法之前看书所熟知的都是这是最普通的一种//html<html ng-app='app'><div ng-controller='mycontroller'></div></html>//js&...
复制链接

扫一扫