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

Question

这是我的指令。在身体上显示一个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=”“

Answer 1

您可以简单地创建一条指令，该指令添加一个函数，该函数将删除元素的html。然后，您可以将其粘贴在ng-
click上。我在这里做了一个小提琴：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>

希望这对您有所帮助！