Question

我有以下芯片实现：

<div class="chip">
  tag
  <i class="close material-icons" ng-click="hide_chip(this)">close</i>
</div>

我的控制员：

$scope.hide_chip = function(elem){
        var r = confirm("Are you sure?");
        if (r == true) {
            var chip = elem.parentNode;
            chip.style.display = 'none';
        }
    }

我想知道当用户点击关闭图标时如何显示提醒？警报应该有是或否按钮如果是芯片关闭，但如果用户点击否则芯片不关闭

我的错误是“芯片未定义”，当r为假时芯片消失

有人可以帮帮我吗？感谢

Answer 1

使用活动

<div class="chip">
    Tag
    <i class="close material-icons" ng-click="hide_chip($event)">close</i>
</div>

控制器

$scope.hide_chip = function($event){
  var r = confirm("Are you sure?");
  if (r == true) {
    var chip = $event.target.parentNode;
    chip.style.display = 'none';
  }
}

在这里查看演示 http://jsfiddle.net/f7utj5dr/

在Angularjs中点击芯片实现后发出警报

1 个答案: