Я использую Angular с библиотекой пользовательского интерфейса Nebular . Я использую компонент в боковой панели на моем сайте (nb-меню). Этот компонент имеет внутреннюю структуру, такую как:
<nb-menu>
<ul>
<a>
<i>
</i>
</a>
</ul>
</nb-menu>
Я хочу добавить к значкам текст значка, используя Значок материала . Проблема в том, что компонент не имеет такого поведения, значок. Чтобы быть более понятным, я хочу вот что:
<nb-menu>
<ul>
<a>
<i matBadge="1" matBadgeColor="warn">
</i>
</a>
</ul>
</nb-menu>
Обратите внимание, что matBadge и matBadgeColor являются директивами Angular Material.
Так что будет лучшим способом противостоять этому? Я думал использовать директивы, но я не знаю, как это сделать.