Augularjs学习思维导图

注意事项

1. 通过{{}}在元素内容中引用，因为替换元素内容的原因，所以可能会产生抖动现象，推荐使用ng-bind或者ng-bindHtml[需要引入ngSanitize模块]；ng-model一般绑定输入框；
2. 默认模块导入与服务导入参数之间的差异，服务一般以$作为起始符，并导入到控制器中，模块一般以ng作为起始符，一般导入到模块中； //模块引入与服务引入，注意参数的差异。
3. Augular标签不支持自嵌套，将会导致死循环，还是要熟悉Angular支持的DOM操作

代码示例

//  模块引入与服务引入，注意参数的差异
var indexModule = angular.module('yii-index', ["ngSanitize"]);
//  通过数组参数的方式注入，按顺序，通过apply方法依次导入，可以避免js在压缩后出错
//  声明菜单构造器
indexModule.controller("MenuController", ["$scope","$window",MenuController]);
//  定义菜单构造函数
function MenuController($scope, $window) {
    //  定义模型
    function MenuItem(json) {
        angular.extend(this, json);
    }
    //
    $scope.i18n = {
        "submit" : "提交",
        "save"   : "保存"
    };
    //  获取菜单数据
    $scope.menus = [
        {"id" : 0, "text" : "安全趋势", href : "index.html"},
        {"id" : 1, "text" : "威胁分析", href : "threat.html"},
        {"id" : 2, "text" : "追踪溯源", href : "source.html"},
    ];
     //  提供菜单获取的方法
     $scope.getMenuSize = function() {
         $window.alert(this.menus.length);
         return this.menus.length;
     };
}