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

时间:2017-10-24 09:10:31

标签: angular ionic-framework icons toggle

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

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

<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>

1 个答案:

答案 0 :(得分:0)

作为快速测试,请更改

skillsController.collapsed==false  

!skillsController.collapsed  

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

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