1：动态操作标签
1 //第一种类似jquery的操作，如果下面obj直接用selector比如"#id"，得引用jquery，否则不需要。 2 var template = angular.element(html); 3 var element = $compile(template)($scope); 4 var obj = document.getElementById(); 5 angular.element(obj).append(element); 6 7 //第二种改变域数据的操作 8 <p><span ng-repeat="number in data">{{number}}</span></p> 9 $scope.data = [1, 2, 3]; 10 $timeout(function(){ 11 $scope.data.pop(); 12 $scope.data.push(4); 13 }, 3000);
2：控制html标签的class
1 //css 2 .active{background-color: red;} 3 4 //html 5 <button ng-click="showActive()">test</button> 6 <p ng-class="{'active':active}">test</p> 7 8 //JavaScript 9 $scope.showActive=function(){ 10 $scope.active = !$scope.active; 11 }
3：controller中使用全局变量
1 angular.module('app',[]) 2 .factory('flag', function() { 3 return false; 4 }).controller("testCtrl", function(flag){ 5 $scope.flag = flag; 6 });
4：$modal传参数给controller，这样方便把一个controller中的scope传给另一个controller调用。
1 $modal.open({ 2 templateUrl: "/templates/menu/menuModal.html", 3 controller: 'MenuUpdateCtrl', 4 resolve:{ 5 pscope: function(){ return $scope; } 6 } 7 });