在 repeat.for 如何索引数组中的第一项
in repeat.for how to index the first item in an array
我有一个模板,我想加载 array.So 的长度,当我首先加载页面时,我希望它加载数组中的第一项,然后在单击下一个时加载下一项。
这是我的html
<div repeat.for="item of items">
<div class="row">
<div class="center">
<div>
<md-label > ${item.name}</md-label><br /><br />
<md-label> ${user.firstName},</md-label><br />
<md-label> ${item.Description}</md-label><br />
</div>
</div>
</div>
<div class="row">
<div class="col">
<md-radio name="myOption" value="0" checked.bind="choice">Never</md-radio><br />
</div>
<div><a click.delegate="next()">next</a></div>
</div>
</div>
async onLoad() {
this.items= await this.query<ItemQuery, ItemModel>(new ItemQuery({ id: this.id }));
this.user= await this.query<fetchUser, UserModel>(new fetchUser(this.UserId));
}
async next(){}
目前它在加载时重复我的项目数组中的每个项目。
我的数组示例是
this.items=[{name:"Test1",description:"this is test 1"}]
[{name:"Test2",description:"this is test 2"}]
[{name:"Test3",description:"this is test 3"}]
我不确定如何在第一个实例中仅加载 Test1 的值,然后在单击下一步时使用上述 html?
获取 Test2 详细信息
由于这里只显示一项,您可以索引到项数组,并在单击 next
时增加索引。
<div>
<div class="row">
<div class="center">
<div>
<md-label> ${items[index].name}</md-label><br /><br />
<md-label> ${user.firstName},</md-label><br />
<md-label> ${items[index].Description}</md-label><br />
</div>
</div>
</div>
<div class="row">
<div class="col">
<md-radio name="myOption" value="0" checked.bind="choice">Never</md-radio><br />
</div>
<div><a click.delegate="next()">next</a></div>
</div>
</div>
async onLoad() {
this.index = 0;
this.items = await this.query < ItemQuery, ItemModel > (new ItemQuery({ id: this.id }));
this.user = await this.query < fetchUser, UserModel > (new fetchUser(this.UserId));
}
async next(){
this.index = (this.index + 1) % this.items.length;
}
我有一个模板,我想加载 array.So 的长度,当我首先加载页面时,我希望它加载数组中的第一项,然后在单击下一个时加载下一项。
这是我的html
<div repeat.for="item of items">
<div class="row">
<div class="center">
<div>
<md-label > ${item.name}</md-label><br /><br />
<md-label> ${user.firstName},</md-label><br />
<md-label> ${item.Description}</md-label><br />
</div>
</div>
</div>
<div class="row">
<div class="col">
<md-radio name="myOption" value="0" checked.bind="choice">Never</md-radio><br />
</div>
<div><a click.delegate="next()">next</a></div>
</div>
</div>
async onLoad() {
this.items= await this.query<ItemQuery, ItemModel>(new ItemQuery({ id: this.id }));
this.user= await this.query<fetchUser, UserModel>(new fetchUser(this.UserId));
}
async next(){}
目前它在加载时重复我的项目数组中的每个项目。
我的数组示例是
this.items=[{name:"Test1",description:"this is test 1"}]
[{name:"Test2",description:"this is test 2"}]
[{name:"Test3",description:"this is test 3"}]
我不确定如何在第一个实例中仅加载 Test1 的值,然后在单击下一步时使用上述 html?
获取 Test2 详细信息由于这里只显示一项,您可以索引到项数组,并在单击 next
时增加索引。
<div>
<div class="row">
<div class="center">
<div>
<md-label> ${items[index].name}</md-label><br /><br />
<md-label> ${user.firstName},</md-label><br />
<md-label> ${items[index].Description}</md-label><br />
</div>
</div>
</div>
<div class="row">
<div class="col">
<md-radio name="myOption" value="0" checked.bind="choice">Never</md-radio><br />
</div>
<div><a click.delegate="next()">next</a></div>
</div>
</div>
async onLoad() {
this.index = 0;
this.items = await this.query < ItemQuery, ItemModel > (new ItemQuery({ id: this.id }));
this.user = await this.query < fetchUser, UserModel > (new fetchUser(this.UserId));
}
async next(){
this.index = (this.index + 1) % this.items.length;
}