从模板

时间:2016-02-18 03:53:06

标签: typescript angular

可以在angular2的模板中使用以下内容,

for int a = 0; a < numberTest; a++

此numberTest位于代码组件中:

numberTest: number = 5;

和模板,像这样,最好说明我的意思:

<li *ngFor="#int a = 0; a < numberTest">

我知道可以使用数组解决,例如迭代:

<li *ngFor="#item of items">

但我的问题是,如果可能的话,在模板中创建一个for,它使用变量组件获取值条件,希望我能解释清楚。

2 个答案:

答案 0 :(得分:4)

也许是这样的:

<li *ngFor="#int of range(numberTest)">

带辅助功能:

let range = (value) => { 
 let a = []; for(let i = 0; i < value; ++i) { a.push(i+1) } return a; }

http://plnkr.co/edit/CNVqxU?p=preview

答案 1 :(得分:3)

NgFor为此目的包含index

无需任何功能或中间状态。

<ul *ngFor="#item of items; #i = index">
  <li *ngIf="i < numberTest">{{ item }}</li>
</ul>

来源:Angualar2 Docs - NgFor

注意:这未经过测试,因此可能需要稍微调整一下。