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>

处理Angular指令中的引号

1 个答案: