Question

如何在离子旁边添加文字。我只看到离子，但文字无法显示。想要展示＆＃39;更多＆＃39;和＆＃39; Less＆＃39;用户点击它时使用离子。

例如，预设条件是离子加号和更多＆＃39;。点击＆＃39;更多＆＃39;，它会显示离子减去和减少＆＃39;功能明智是有效的。只有更多，更少＆＃39;没有显示。

以下是我的代码

<div ng-click="toggleon()" <i class="icon" ng-class="showMore ? 'ion-android-remove-circle assertive' : 'ion-android-add-circle positive'"></i><i class="padding" ng-class="showMore ? 'Less' : 'More'"></i></div>
</div>

Answer 1

ng-class用于将CSS类应用于元素。它不能用于应用文本。请改用ng-bind。还可以使用<span>而不是<i>来处理文字。

<div ng-click="toggleon()"> <i class="icon" ng-class="showMore ? 'ion-android-remove-circle assertive' : 'ion-android-add-circle positive'"></i><span class="padding" ng-bind="showMore ? 'Less' : 'More'"></span></div>

在ionicons旁边添加文本

1 个答案: