Javascript 如何使用ng点击功能显示离子图标（fa图标）？

我需要显示一个离子图标只有当按钮被点击

我尝试在图标上添加一个类，并成功：

 .icn { visibility: visible; }

但它不起作用，有人知道另一种方法吗

显示图标
<button ng-init="showIcon=false" ng-click="showIcon=!showIcon">Show icon</button>
<span class="ion-pizza" ng-show="showIcon"> Pizza</span>

披萨

---

我们将变量

showIcon

初始化为

false

，然后每次单击按钮时将其值切换为相反的值（要么

true

要么

false

）。图标元素仅在

showIcon

为

true

时才会显示。如果要获得适当的答案，您必须提供更多的代码