ngFor没有数据绑定

Question

如何在没有任何数据绑定的情况下使用*ngFor指令？

除了初始渲染之外，我不希望模型中的任何更改反映在视图中，我也不希望视图中的任何更改反映在模型中。

实施例

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

如果我将另一个字符推到characters数组上，它将在模板中呈现。

我不想要这个。我只希望它渲染一次（使用前3个字符），任何修改都不应该导致视图中的任何更改。

Answer 1

As far as not reflecting any change in model to the the view after initial load is concerned, then you can use a different variable to loop over in your template..

{% for barb in barber %}
    <a href="{% url 'appointments' bard.id %}">
    <li> {{ barb.name }} {{ barb.location }} </li>
{% endfor %}