我有下面的代码。我试图使用雪佛龙上下图标显示内容。问题是最初图标没有显示。只有当我点击该按钮时,才会显示图标并且功能正常。
我不确定第一次最初是否显示图标。
<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>
答案 0 :(得分:0)
作为快速测试,请更改
skillsController.collapsed==false
到
!skillsController.collapsed
如果此变量最初未初始化,正如行为所示,该按钮应该使用该语法(提供的skillsController本身已初始化)。
我建议最初初始化变量,因为它会使你的程序更具可预测性。