ngFor без привязки данных - PullRequest
Новая
       17

ngFor без привязки данных

0 голосов
/ 06 мая 2018

Как использовать директиву *ngFor без привязки данных?

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

Пример 

@Component({
  template: '<p *ngFor="let character of characters">{{ character }}</p>',
})
export class TestComponent {
  public characters = ['a', 'b', 'c'];
}

Если я добавлю дополнительный символ в массив characters, он будет отображаться в шаблоне.

Я не хочу этого.Я хочу, чтобы он отображался только один раз (с первыми 3 символами), и любые изменения не должны вызывать никаких изменений в представлении.

1 Ответ

0 голосов
/ 06 мая 2018

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

@Component({
  template: '<p *ngFor="let character of initialCharacters">{{ character }}</p>',
})
export class TestComponent {
  public characters = ['a', 'b', 'c'];
  public initialCharacters = this.characters.slice();
}
...