码迷,mamicode.com
首页 > 其他好文 > 详细

angular笔记

时间:2015-07-08 00:21:16      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:

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 });

 

angular笔记

标签:

原文地址:http://www.cnblogs.com/chenhao1990/p/4628909.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!