在角度中使用 V 形图标切换

Question

我有以下代码。我正在尝试使用 chevron up 和 down 图标显示内容。问题是最初图标不显示。只有当我单击该按钮时，才会显示图标并且该功能有效。

我不确定该图标是否第一次显示。

<div class="item" >SKILLS
    <button class="button icon-right" ng-class="{'ion-chevron-up': skillsController.collapsed==false, 'ion-chevron-down': skillsController.collapsed==true}" ng-click="skillsController.collapsed=!skillsController.collapsed"></button>
</div>
<span class="item" ng-if="skillsController.collapsed==false">{{data.profileSummary}}</span>

Answer 1

作为一个快速测试，改变

skillsController.collapsed==false  

到

!skillsController.collapsed  

如果此变量最初未初始化，如行为所建议的那样，按钮应使用该语法（前提是技能控制器本身已初始化）。

我还是建议初始化变量，因为它会让你的程序更可预测。