在Angular js中单击时删除HTML元素

发布时间：2020-12-17 08:01:06 所属栏目：安全来源：网络整理

导读：这是我的指示.在身体上显示一个Div. app.directive("autosuggest",function($rootScope) { return { scope: { doneFlag : "=",groupFlag : "=",inviteesFlag : "=",init: '' },templateUrl : "title.html",link: function(scope,element,attrs) { }}); 并在t

这是我的指示.在身体上显示一个Div.

app.directive("autosuggest",function($rootScope) {
      return {
            scope: {
              doneFlag      : "=",groupFlag     : "=",inviteesFlag  : "=",init: '&'
            },templateUrl : "title.html",link: function(scope,element,attrs) { 
                  }

});

并在title.html

<div class="showw">
   <img id="hideDivOnClick" src="ddd.png"/>
</div>

我包括这样的指令

<div autosuggest="" done-Flag="1" group-Flag="1"  invitees-Flag="1" selected-Array="" ></div>

因此,当我点击图像时,此< div autosuggest =“”done-Flag =“1”group-Flag =“1”invitees-Flag =“1”selected-Array =“”>< / div>零件从身体中移除.喜欢在Javascript中删除元素.我将如何在angularJS中实现这一目标？

您可以简单地创建一个指令,该指令添加一个将删除元素的html的函数.然后你可以坚持点击一下.我在这里做了一个小提琴： http://jsfiddle.net/qDhT9/

// in the directive
scope.remove = function() {
    elt.html('');
};
// in the dom
<div remove-on-click ng-click="remove()"> 
    REMOVE ME 
</div>

希望这有帮助！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!