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

Question

我有下面的代码。我试图使用雪佛龙上下图标显示内容。问题是最初图标没有显示。只有当我点击该按钮时，才会显示图标并且功能正常。

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

<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  

如果此变量最初未初始化，正如行为所示，该按钮应该使用该语法（提供的skillsController本身已初始化）。

我建议最初初始化变量，因为它会使你的程序更具可预测性。