动态添加的dom方法,调用angular中$scope方法
2016-09-07 18:13
295 查看
由于jquery的操作简单,大部分人对其比较熟悉,因此,很容易实现动态的添加代码。
然而,动态添加的HTML代码,是没有被angular“编译”处理的,因此,动态添加的代码中的事件不一定被angular认识,那么,我们怎么操作能让$scope认识其定义的方法呢
代码如下:
然而,动态添加的HTML代码,是没有被angular“编译”处理的,因此,动态添加的代码中的事件不一定被angular认识,那么,我们怎么操作能让$scope认识其定义的方法呢
代码如下:
<div class="testAddHtml"> <div id="mmmmm"></div> <button onclick="angular.element(this).scope().liumei(event)">jquery add html</button> </div>
/** * 创建了一个indexController * */ angular.module('huangbiaoApp') .controller('indexController', ["$scope", "$http", "ApiService","$state","$q",function($scope, $http, ApiService,$state,$q) { $scope.myname = "liumei"; $scope.liumei = function(myevent){ var timeStamp = new Date().getTime(); //使用jquery将代码动态的添加到DOM中,当触发onclick事件的时候,实际上是被注入到$scope对象中 $("#mmmmm").after('<button onclick="angular.element(this).scope().liumei(event)">jquery'+timeStamp+'</button>'); //调用$scope的对象值 alert(this.myname); } }]);
相关文章推荐
- angular动态删除ng-repaeat添加的dom节点的方法
- 动态添加表单及调用方法
- asp.net在后端动态添加样式表调用的方法
- JS实现动态添加DOM节点和事件的方法示例
- angular动态删除ng-repaeat添加的dom节点
- angularjs 动态表单, 原生事件中调用angular方法
- JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(推荐七)
- asp.net动态添加js文件调用到网页的方法
- angular动态添加带有ng-click的元素节点方法
- angular.element方法汇总(转)以及AngularJS 动态添加元素和删除元素
- JavaScript 高级篇之DOM文档,简单封装及调用、动态添加、删除样式(六)
- asp.net在后端动态添加样式表调用的方法
- iOS Runntime 动态添加类方法并调用-class_addMethod
- 动态添加jar包并调用jar包里面的方法
- 动态添加jar包并调用jar包里面的方法
- DOM3_table相关属性以及Js方法动态添加
- AngularJS实现动态编译添加到dom中的方法
- angular.element方法汇总以及AngularJS 动态添加元素和删除元素
- asp.net动态添加js文件调用到网页的方法
- angular笔记 directive scope 调用父scope带参数方法