angular笔记
2015-07-07 10:15
1026 查看
1:动态操作标签
2:控制html标签的class
3:controller中使用全局变量
4:$modal传参数给controller,这样方便把一个controller中的scope传给另一个controller调用。
//第一种类似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
.active{background-color: red;} <button ng-click="showActive()">test</button> <p ng-class="{'active':active}">test</p> $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; } } });
相关文章推荐
- 【转】AngularJS 取消对 HTML 片段的转义
- AngularJS取消对HTML转义
- angularJS基于WEB的静态页面模板
- angularjs时间轴
- AngularJs自定义指令详解(10) - 执行次序
- AngularJs 简单实现全选,多选操作
- AngularJS-入门篇
- AngularJS简介-起步阶段
- AngularJS的启动过程分析
- angularjs客户端实现压缩图片文件并上传实例
- Angular Module声明和获取重载
- angularjs客户端实现压缩图片文件并上传实例
- AngularJS自定义表单控件
- AngularJS自定义表单验证器
- 使用AngularJs需要注意的事项
- AngularJS自定义表单验证
- AngularJS学习笔记1
- angularjs应用骨架
- AngularJs自定义指令详解(9) - terminal
- AngularJs自定义指令详解(8) - priority