angularJS

angular拷贝函数

$scope.user = angular.copy($scope.master);

ng-class 通过表达式设置class

<div class="item-text" ng-class="{active: categoryActiveIndex == category.ID}"><span>{{category}}</span></div>

使用过滤器截取字符串
2017-03-18 00::00::00—–(03-18)

{{2017-03-18 00::00::00|limitTo:5:5}}

将html实体转化为html标签
注入ngSanitize模块

js引入
<script src="libs/angular/angular-sanitize/angular-sanitize.js"></script>
主入口文件注入该服务
angular
    .module('app', [
        'ui.router',
        'ui.router.util',
        'ngSanitize'
    ]);
 页面是用ng-bind-html绑定数据
 <div  ng-bind-html="news.Content"></div>

angular 使用ocLazyLoad动态引入js

引入js

<script src="libs/oclayzyload/ocLazyLoad.js"></script>

在js中引入模块

 angular
        .module('app', [
            'ui.router',
            'ui.router.util',
            'oc.lazyLoad'
        ]);

在控制器上使用

 angular
        .module('app')
        .controller('WeChatImController', WeChatImController);

    WeChatImController.$inject = ['$scope','$rootScope', '$state','$stateParams','$http','$timeout','$window','$location','$ocLazyLoad'];

    function WeChatImController($scope,$rootScope, $state,$stateParams,$http,$timeout,$window,$location,$ocLazyLoad) {
     $ocLazyLoad.load([
                            'libs/wechat/json.js',
                            'libs/wechat/kit.js',
                            'libs/wechat/wsdk.js'
                        ]).then(function(res){
                        。。。。。
                        });
}

angularjs优化

1、将路由放到一个文件里面，不要在每个modules下面单独放置一个路由文件，加载会很慢
2、能使用min.js的文件就使用min.js
3、使用document.createElement(‘script’) 来并行加载js

 function loadScript(url){
        var script = document.createElement ("script")
        script.type = "text/javascript";
        script.src = url;
        document.getElementsByTagName("body")[0].appendChild(script);
    }
 $(window).ready(function(){
        var scriptArr = ['libs/wechat/jweixin-1.0.0.js','libs/jquery.md5.js'];

        scriptArr.forEach(function(val,index){
            loadScript(val);
        });
    });