Question

这个问题是我朋友问的。只是想知道，我们可以定义* ngFor而不在组件中定义数组，例如。 minValues？

  <select>
              <div *ngFor="let value of minValues; let i=index">
                  <option class="min-comp form-control">{{index}}</option>
              </div>
  </select>

minValues = [1,2,3,4，....... 100]或[1,2,3 ...... 200]或[1,2,3 .. .. n] //这里n会有任何常数值

我在思考，我们不能但不确定......

如果我们只想重复* ngFor n次，为什么我们需要转到组件，我们不能在具有清晰语法的模板中执行此操作，例如从1到100重复ngFor？

如果在面试中提出这个问题你会说什么？

谢谢！

Answer 1

检查出来：

Angular 2 - NgFor using numbers instead collections

不久：

@Component({
  template: `
<ul>
  <li *ngFor="let number of [0,1,2,3,4]">{{number}}</li>
</ul>
`
})
export class SampleComponent {
 (...)
}

Answer 2

试试这个：

<div *ngFor="let dummy of ' '.repeat(20).split(''), let x = index">Test</div>

角度：重复* ngFor 100或200次

2 个答案: