angularjs – 访问异步数组中的元素

发布时间：2020-12-17 17:46:38 所属栏目：安全来源：网络整理

导读：我有一个 angularjs2应用程序,它接收来自我的firebase服务的jsons列表.我想访问并显示列表的第一个元素. 这是我尝试过的 h1{{(chapters | async)?[0].title}}/h1 这给了我一个模板解析错误. 如何访问异步数组的第一个元素？解决方法您可以像这样使用管道：

我有一个 angularjs2应用程序,它接收来自我的firebase服务的jsons列表.我想访问并显示列表的第一个元素.

这是我尝试过的

<h1>{{(chapters | async)?[0].title}}</h1>

这给了我一个模板解析错误.

如何访问异步数组的第一个元素？

解决方法

您可以像这样使用管道：

@Pipe({
  name: 'first'
})
export class First {
  transform(val,args) {
    if (val === null) return val;
    return val[0];
  }
}

并在你的HTML中

<h1>{{ (chapters | async | first)?.title }}</h1>

Plunker Example

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!