【问题标题】:toggling using chevron icon in angular在角度中使用 V 形图标切换
【发布时间】:2017-10-24 09:10:31
【问题描述】:

我有以下代码。我正在尝试使用 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>

【问题讨论】:

  • 猜测是skillsController.collapsed != false,但如果没有minimal reproducible example,很难提供更多。可能是undefined
  • 你提到了angular,而代码看起来像angularjs v1。是哪个?

标签: angular ionic-framework icons toggle


【解决方案1】:

作为一个快速测试,改变

skillsController.collapsed==false  

!skillsController.collapsed  

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

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

【讨论】:

  • 我应该初始化哪个变量?我应该在控制器中这样做吗
  • 如果可能,初始化图标显示所依赖的那个 - skillsController.collapsed(我意识到这是一个变量的属性,但原理相同)。
  • 无论如何,测试结果如何?
  • 我仍然面临 !skillsController.collapsed 的问题
  • 好吧,这很遗憾,没有快速修复。您必须发布更多代码。
猜你喜欢
  • 2022-01-12
  • 2021-02-09
  • 2012-09-07
  • 1970-01-01
  • 1970-01-01
  • 2016-02-29
  • 2015-10-11
  • 2021-07-19
  • 2019-06-06
相关资源
最近更新 更多