zoukankan      html  css  js  c++  java
  • 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'
        }
    }
    

    以上.

  • 相关阅读:
    获取父类参数类型工具类
    date工具类
    Ascii工具类
    AES加解密工具类
    请求ip获取工具类
    对象和map互相转换工具类
    HTTP中get、post请求工具类
    时间日期各种工具类
    算法练习题——两数相除
    ETag
  • 原文地址:https://www.cnblogs.com/mayufo/p/5554899.html
Copyright © 2011-2022 走看看