javascript - Angular ngFor 有条件

标签 javascript angular

在我的 Angular 4 应用程序中,我需要在小于条件下使用 ngFor。我的意思是我不想显示 sampleArray 的所有项目,相反,我只想显示前 10 项,就像在普通的 java 脚本中一样,我们有 i < sampleArray.lengthi < 10等我想在 ngFor 中使用这些条件,可能吗?

<li *ngFor="let a of sampleArray">
    <p>{{a.firstname}}</p>
    <p>{{a.lastname}}</p>
  </li>

最佳答案

您只需使用切片即可。

<li *ngFor="let a of sampleArray | slice:0:9">
  <p>{{a.firstname}}</p>
  <p>{{a.lastname}}</p>
</li>

关于javascript - Angular ngFor 有条件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44845782/

相关文章:

javascript - 每面具有不同纹理 Material 的不规则多面体

javascript - jQuery Datepicker 中的禁用日期取决于模型 MVC 中的其他属性

angular - 轻松部署 Angular2 应用程序,我需要学习 SystemJS 和 Gulp 吗?

html - 如何在 Angular 中做 Accordion

angular - 除了 app.component 的 ngOninit 之外,在哪里放置 api 调用以使系统等待响应返回并注入(inject)到主体中?

file - Angular2 中静态文件的默认路径是什么?

Angular- Material 表排序无法正常工作

javascript - 延迟 JavaScript

javascript - React Native 数据不会在第一次点击时推送到 firebase

javascript - JavaScript 可以进行 Web 应用程序拖放吗?