javascript - 在 ng-click 上显示图标

Question

我正在学习 Angular ，我想在 ng-click 触发函数调用后显示一个图标。 我该怎么做？我已经为此尝试过 ng-if 但它不起作用。 请提供解决方案。

<li ng-click="bookmark(question)"><a><i class="fa fa-bookmark"></i>Bookmark</a></li>

<i class="fa fa-bookmark"></i>

这是我的 ng-click，我想要点击功能时的书签图标。 我该怎么做？

Answer 1

使用 ng-show 或 ng-if(ng-if 从 dom 中删除元素并根据您的逻辑添加它)。

模板

<li ng-click="bookmark(question)"><a ng-show="showIcon"><i class="fa fa-bookmark"></i>Bookmark</a></li>

控制者

app.controller('myCtrl',['$scope',function($scope){

   $scope.showIcon = false; // initially false

   $scope.bookmark = function(){
     $scope.showIcon = true;
   }

}])