2017-07-27 27 views
0

旁邊的文字如何添加ionicons旁邊的文本。我只看到ionicons但文字無法show.Iwant顯示「更多」和「少」與ionicons它當用戶點擊。添加ionicons

實施例,預設條件是離子加號和「更多」。點擊「更多」,它會顯示離子減號和「更少」。功能明智的是工作。只有'越來越少''沒有顯示。

下面是我的代碼

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

回答

0

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>