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

前端之家收集整理的这篇文章主要介绍了在Angular js中单击时删除HTML元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的指示.在身体上显示一个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>

希望这有帮助!

原文链接:/angularjs/143856.html

猜你在找的Angularjs相关文章