Угловой нг-класс и Fontawesome 4 до 5

Question

Я только что обновил свое приложение с Fontawesome версии 4 до 5, следуя документации ЗДЕСЬ.

Все выглядит хорошо, и, кажется, работает нормально, за исключением динамических иконок...

Мое приложение использует Angular, и довольно часто отображаемый значок является динамическим:

ul.to-do-bullets.list-inline(ng-if="isMobile && todos.length > 1")
  li(ng-repeat="todo in todos", ng-click="showTodo($index)")
    i.fa(ng-class="{'fa-circle-o': activeTodo !== $index, 'fa-circle': activeTodo === $index}")

Здесь шрифты загружаются нормально, но когда to-do изменить это не обновляет active значок больше...

Глядя на их документацию, я не могу найти ответ... Как я могу позволить этому работать так, как было раньше? Спасибо

Answer 1

Менять "fa-circle-o" в "far fa-circle" а также "fa-circle" в "fas fa-circle"

как указано в разделе "Изменение имени значка", если руководство по миграции

С уважением.

Answer 2

Для Angular мы создали определенный компонент:

https://github.com/FortAwesome/angular-fontawesome

Он находится на стадии подготовки к выпуску, но мы хотели бы помочь протестировать его и получить стабильную версию.

Если вы не хотите использовать предварительную версию, просто переключитесь на веб-шрифты с CSS, и это должно прояснить ситуацию.