帶引號處理的角度指令中

Question

我有這樣的代碼改變按鈕的文字：

<button type="button" class="btn btn-default" ng-click="saveActiveFile()" ng-disabled="activeFile.saving">{{ activeFile.saving ? "Saving" : "Save" }}</button>

而是將其更改爲Saving我想這是一個FA圖標：

<i class="fa fa-spinner fa-spin fa-fw"></i>

但是，因爲代碼中有引號，我不知道如何使它工作。

Answer 1

你在說你想讓文字變成圖標嗎？假設您可以在按鈕標籤中包含html，您可以使用ng-if根據某些條件添加/刪除DOM。

<button type="button" class="btn btn-default" ng-click="saveActiveFile()" ng-disabled="activeFile.saving"> 
    <span ng-if="!activeFile.saving">Save</span> 
    <i ng-if="activeFile.saving" class="fa fa-spinner fa-spin fa-fw"></i> 
</button>