Использование значения переменной в качестве angular значения атрибута тега

Question

Я работаю с Angular 8, у меня есть сценарий, в котором на основе данных из json я бы хотел соответственно отобразить значок. Я хочу, чтобы атрибут имени тега был динамически c.

<tr *ngFor="let something of somethings"
    (click)="open = !open; $event.stopPropagation()">
  <td>{{ something.name }}</td>
  <td>
    <ux-icon name="social-twitter"> // This attribute name value needs to come from json . i.e social-twitter
    </ux-icon>

Answer 1

Передайте вашу переменную в квадратных скобках, если вы хотите использовать переменную в шаблоне. Без квадратных скобок он будет рассматриваться как строка

<tr *ngFor="let something of somethings" (click)="open = !open; $event.stopPropagation()">

        <td >{{ something.name }}</td>

        <td >

          <ux-icon [name]="social_twitter"> // This attribute name value needs to come from json . i.e social-twitter
         </ux-icon>  </td></tr>

, где social_twitter - переменная в машинописи.