angularjs 笔记

控制台调试
angular.element($0).scope() $0~$4
angular.element($("#controllerId")).scope()

手动启动
angular.element(document).ready(function(){
//如果用以下方式可删除body的ng-app="MyApp"
angular.bootstrap(document.body, ['MyApp'])
});

用ng-if代替ng-show


ng-class以及ng-style通过判断赋值

ng-class="{'state-error':!data.isValid}"

<div ng-init="isSelected=true" ng-class="{true:'selected', false:''}[isSelected]">ngClass
</div>

ng-style="{ color: data.color=='' || data.name=='活' ? '#fff' : '#F03EF0' }"

整合underscore.js

var underscore = angular.module('underscore', []);
underscore.factory('_', function() {
return window._; //Underscore must already be loaded on the page
});

var myApp = angular.module("MyApp", ["ngSanitize", "underscore"]);
myApp.controller("TableCtrl", ["$scope", '_', function($scope, _) {
var init = function(){
console.log(_.keys($scope));
};
init();
}]);

依赖注入

angualar.module('myModule', []).
config(['depProvider', function(depProvider){
...
}]).
factory('serviceId', ['depService', function(depService) {
...
}]).
directive('directiveName', ['depService', function(depService) {
...
}]).
filter('filterName', ['depService', function(depService) {
...
}]).
run(['depService', function(depService) {
...
}]);