Как установить значок материала с помощью строк?
Поэтому мне нужно изменить мат-карту, чтобы включить собственный текст и один из 3 значков (информация, предупреждение и опасность, в зависимости от случая). У меня есть это в файле html:
<mat-card>
<mat-icon aria-hidden = "false" aria-label = "info icon" *ngFor = "let icon">{{icon}}</mat-icon>
</mat-card>
а в файле .ts я не знаю, как установить карту на определенный значок, так как строки не будут работать. Любые идеи, как я мог это сделать? Как назначить определенный значок?
Проблема заключалась в том, что я использовал ngFor вместо ngIf, и при его настройке не отображалось никакого значка.
—
30.03.2022 11:37
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
2
31
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
Я вижу, что у вас есть незаконченный оператор *ngFor. Должен быть
*ngFor = "let icon of someList"
Или, может быть, вы хотели сделать *ngIf = "icon"
Передача строки, вероятно, в порядке.
Большое спасибо, действительно, при использовании ngIf передача строки отлично работает.
—
30.03.2022 11:37
Другие вопросы по теме
Как добавить эффект наведения, чтобы увеличить размер текста в теге Vue?
Как установить иконки материалов в google app maker
HTML CSS: превратить значок Google в кнопку без прямоугольника вокруг него
Html Css: свойство Hover не работает на значке Google
Значок материала на панели навигации Bootstrap не выравнивается должным образом
HTML CSS Увеличение обводки/толщины для значка SVG
Преобразование SVG в формат FontForge SplineSet
Значки материалов с закругленными углами не работают с Internet Explorer 11
Использовать версию материальных значков Vuetify внутри цели веб-компонента vue.js
Угловой материал добавляет дополнительное пространство с помощью кнопки add_outline с гибкой компоновкой
Похожие вопросы
Как динамически изменить имя FormControls в FormArray
Angular ng2-charts Ошибка компиляции Radarchart для startAngle
Угловая директива для обработки пасты мыши путем очистки строки из буфера обмена
Получить данные из API, привязать их к HTML-странице и использовать те же данные в Modal в Ionic 6
Пользовательский ValidatorFn использует дополнительные параметры
Как изменить названия отображаемых дней в угловом календаре начальной загрузки?
Угловой тест throwError
CSS: маленький красочный блок над углом большого родительского блока
Как обеспечить полноту наблюдаемых данных из разных компонентов?
Вызов функции в Angular с использованием машинописного текста создает бесконечный цикл
Я попытался установить
public icon = "home";, и он отлично работает. Чтоiconв вашем случае?