Nativescript, как писать HTML в машинописи, как document.write ()

Question

В основном я хочу сгенерировать определенное количество c меток в разных позициях строки / столбца на основе пользовательского ввода, но я не могу найти нигде, который говорит, как записать в .component. html документ из .component. тс документ. Я в основном хочу использовать что-то вроде document.write (), но для nativescript.

Answer 1

Используйте интерполяция (обозначается {{...}}) для вставки данных из компонента в шаблон:

Компонент:

export class AppComponent  {
  name = 'Angular';

  labels = [
    {
      id: '1',
      name: '',
    },
    {
      id: '2',
      name: '',
    },
    {
      id: '3',
      name: '',
    },
  ];

  public onKey(event: any) {
    for (const label of this.labels) {
      label.name = event.target.value;
    }
  }
}

Шаблон (HTML):

<div class="divTable">
  <div class="divTableBody">
    <ng-container *ngFor="let label of labels">
      <div class="divTableRow">
        <div class="divTableCell">{{ label.id }}</div>
        <div class="divTableCell">{{ label.name }}</div>
      </div>
    </ng-container>
  </div>
</div>

<p>Type here:</p>
<input (keyup)="onKey($event)">

Рабочий пример: Stackblitz