javascript - 单击时通过 $scope 删除元素

Question

我对 Angular 很陌生，我正在尝试一些东西。我创建了一个显示(切换)菜单的 Controller 。菜单中有一些带有一些指令的 li。其中之一具有 ng-click="erase()"。单击它时，我希望元素本身被删除(删除)。有可能这样做吗？我认为在 jQuery 中是: element.remove();

这是我的代码:

<div ng-controller="DeathrayMenuController">
  <button ng-click="toggleMenu()">Toggle Menu</button>
  <ul ng-show="menuState">
    <li ng-click="stun()">Stun</li>
    <li ng-click="disintegrate()">Disintegrate</li>
    <li ng-click="erase()">Erase from history</li>
  </ul>
</div>

ng-click="erase()" 应从 ul 中删除整个 li。

这是我的代码:

$scope.erase = function(){
  console.log($scope);
};

希望有人能帮我一把。非常感谢!

Answer 1

要删除元素，您可以使用 ng-if 指令。当表达式为 false 时，这将删除该元素。

这是一个例子:

$scope.erase = function() {
    $scope.erased = true;
}

<li ng-click="erase()" ng-if="!erased">Erase from history</li>

在 Angular 中，您的 JavaScript 不应该操作 DOM。相反，您的 JavaScript 操作 $scope，而指令则操作 DOM。