angular项目中的遇到的问题之onclick

最新推荐文章于 2022-10-29 15:59:32 发布

翩翩男孩

最新推荐文章于 2022-10-29 15:59:32 发布

阅读量3.8k

点赞数

本文链接：https://blog.csdn.net/pianpianboy/article/details/39519779

版权

在angular项目中的遇到的问题之onclick

<div class="meWindow" ng-repeat="accur in accurData.dragDate" id="{{accur.qId}}">
<h2>{{accur.****}}<a href="javascript:" onclick = document.getElementById(id).style.display='none'>X</a></h2>
<p ng-model = "accurData.dragDate" class = " drag_{{accur.****}}">{{accur.****}}</p>
.
.
.
</div>

上面的第二句话主要是为了用X实现我们的窗口的关闭按钮；但上面的语句不能实现，因为在angularjs中：你的id是用angular进行绑定的，为了用getElmentById（）函数识别id，必须用ng-click；那我们直接把onclick直接换成ng-click可以，还是不可以。

应该怎么做呢，如下

第一步：在*.html

<div class="meWindow" ng-repeat="accur in accurData.dragDate" id="{{accur.qId}}">
<h2>{{accur.****}}<a href="javascript:" ng-click = displayFunction(accur.qId)>X</a></h2>
<p ng-model = "accurData.dragDate" class = " drag_{{accur.****}}">{{accur.****}}</p>
.
.
.
</div>

第二部：在*.js

angular.module('******',[ ])

.controller('*****',function(){

/*增加：*/

$scope.displayFunction = function(id){

document.getElementById(id).style.display='none';

}

/*增加：*/

})

ok,解决问题，在angular中使用ng-click代替on-click