angular笔记

1：动态操作标签

//第一种类似jquery的操作，如果下面obj直接用selector比如"#id"，得引用jquery，否则不需要。
var template = angular.element(html);
var element = $compile(template)($scope);
var obj = document.getElementById();
angular.element(obj).append(element);
 
//第二种改变域数据的操作
<p><span ng-repeat="number in data">{{number}}</span></p>
$scope.data = [1, 2, 3];
$timeout(function(){
    $scope.data.pop();
    $scope.data.push(4);
}, 3000);

2：控制html标签的class

//css
.active{background-color: red;}

//html
<button ng-click="showActive()">test</button>
<p ng-class="{'active':active}">test</p>

//JavaScript
$scope.showActive=function(){
    $scope.active = !$scope.active;
}

3：controller中使用全局变量

angular.module('app',[])
.factory('flag', function() {
    return false;
}).controller("testCtrl", function(flag){
    $scope.flag = flag;
});

4：$modal传参数给controller，这样方便把一个controller中的scope传给另一个controller调用。

$modal.open({
    templateUrl: "/templates/menu/menuModal.html",
    controller: 'MenuUpdateCtrl',
    resolve:{
        pscope: function(){ return $scope; }
    }
});