Работа с кавычками внутри угловой инструкции

Question

Работа с кавычками внутри угловой инструкции

0

У меня есть этот код, который меняет текст кнопки:

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

Но поскольку в коде есть кавычки, я не уверен, как заставить его работать.

Daniel Williams 03 авг. 2016, в 02:32

Источник

Теги:

angularjs

1 ответ

Ещё вопросы

Spidy · Accepted Answer · 2016-08-02T22-13-00.000Z

Вы говорите, что хотите, чтобы текст стал значком? Предполагая, что вы можете иметь 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>