anjular 一些常用的方法
来源:互联网 发布:mac无法存储屏幕快照 编辑:程序博客网 时间:2024/06/08 20:09
anjular.element
将DOM元素或者HTML字符串一包装成一个jQuery元素。
用法:
$scope.getMore = function(){ angular.element('.list-box ul').append('<p>111111</p>') }
scope通信方法 on emit broadcast
on、emit和broadcast使得event、data在controller之间的传递变的简单。
$on的方法中的event事件参数:
event.name 事件名称 event.targetScope 发出或者传播原始事件的作用域 event.currentScope 目前正在处理的事件的作用域 event.stopPropagation() 一个防止事件进一步传播(冒泡/捕获)的函数(这只适用于使用`$emit`发出的事件) event.preventDefault() 这个方法实际上不会做什么事,但是会设置`defaultPrevented`为true。直到事件监听器的实现者采取行动之前它才会检查`defaultPrevented`的值。 event.defaultPrevented 如果调用了`preventDefault`则为true
例子如下:
<style> div{border:1px solid #ff7300;padding:20px;margin:10px;border-radius: 5px;}</style><div ng-controller="ParentController"><!--父级--> <div ng-click="clkP()">click--给child</div> <div ng-controller="OneSelfController"><!--自己--> <span ng-click="clkme()">click me</span> <div ng-controller="ChildController"> 它是OneSelfController的子级 </div><!--子级--> </div> <div ng-controller="siblingsController"> 它与OneSelfController是平级 </div><!--平级--></div><script> var app=angular.module('firstApp',[]);//app模块名 app.controller('OneSelfController',function($scope){ $scope.clkme=function(){ $scope.$broadcast('sendChild','我给子控制器传递数据'); $scope.$emit('sendParent','冒泡到父元素') } }).controller('ParentController',function($scope){ $scope.$on('sendParent',function(event,data){//监听在子控制器中定义的 sendParent 事件 console.log('OneSelfController传过来的',data,event.name,event);//事件名称:sendParent }); $scope.clkP=function(){ $scope.$broadcast('sendAllChild','让siblingsController接收到'); } }).controller('ChildController', function($scope){ $scope.$on('sendChild', function(event,data) {//监听在子控制器中定义的 sendChild 事件 console.log('ChildCtrl', data,event.name,event);// 事件名称:sendChild }); }).controller('siblingsController', function($scope){ $scope.$on('sendAllChild',function(event,data) { console.log('值过来吧', data); }); //下面事件不会触发 $scope.$on('sendParent', function(event,data) { console.log('平级得不到值', data); }); $scope.$on('sendChild', function(event,data) { console.log('平级得不到值', data); }); });</script>
$sce.trustAsHtml
此函数主要是后台的数据html
的格式转化成html的标签,已html的形式呈现到界面中,不显示html的文本,在控制器的寒素中多传一个参数 ,具体例子如下:
app.controller('wdxqCtrl', ['$scope','$rootScope','$http','$sce', function ($scope,$rootScope,$http,$sce) { $rootScope.headTitle = $rootScope.title = "网点详情"; $rootScope.favBol = true; $rootScope.backBol = true; $http.get('./json/wdxq.json'). success(function(data) { $scope.xq = data; $scope.myHTML = $sce.trustAsHtml($scope.xq.branch_remark); $scope.branchTel = $scope.xq.branch_tel; $scope.tels = $scope.branchTel.split(","); }); $scope.boxShow = false; $scope.toggleShow = function() { $scope.boxShow = !$scope.boxShow; }; }])
阅读全文
0 0
- anjular 一些常用的方法
- anjular 的service
- 一些常用的方法
- 一些常用的方法
- 一些常用的方法
- anjular js ---directive常用指令使用
- ASP常用的一些方法
- MFC常用的一些方法
- 反射常用的一些方法
- 常用的一些js方法
- HttpRequest的一些常用方法
- JButton常用的一些方法
- Java常用的一些方法
- String的一些常用方法
- CString的一些常用方法
- UIScrollView 常用的一些方法
- extjs的一些常用方法
- ThinkPHP的一些常用方法
- 抽象类的理解
- javascript时间戳和日期字符串相互转换
- Kmeans算法的Python实现
- VS2015 无法解析的外部符号 __vsnwprintf_s
- Andorid手机从Type-C接口读取U盘数据
- anjular 一些常用的方法
- 7-7
- Mybatis一对一、一对多关联查询
- java 求0—7所能组成的奇数个数。
- spring mvc 架构原理
- 接口的理解
- java 一个偶数总能表示为两个素数之和。
- Python沙箱?不存在的
- java 判断一个素数能被几个9整除