我有一个数组,比方说foo属性上的bars.

当然,在我的HTML模板中,我可以这样做

<div *ngFor="let bar of foo.bars">
  <!-- do something with bar -->
</div>

但是,我想以不同的方式对待我的前bar个,然后重复第二个.

比方说,什么Angular 相当于这样的东西

<div *ngFor="let bar of foo.bars[1..]">
  <!-- do something with bar -->
</div>

或者,甚至

<div *ngFor="let bar of foo.bars[1..10]">
  <!-- do something with bar -->
</div>

推荐答案

没有特定的微语法来分割一个迭代数,但如果它是一个数组,您可以简单地依赖slice方法.

<div *ngFor="let bar of foo.bars.slice(0,10)">
  <!-- do something with bar -->
</div>

Angular相关问答推荐

带有搜索功能的CDK-VIRTUAL-SCROLL-VIEPORT不显示该值

TransLoco合并本地和服务器端转换对象

Angular 16模块中未使用的组件是否从Bundle 包中删除(树摇动)?

P-DropDown不会使用react 式表单手动设置Value

MonoTypeOperatorFunction不可分配给OperatorFunction类型的参数

RxJS如何按顺序进行POST请求,只有在前一个完成后才会触发新的请求?

http 调用的 RxJs 数组

手动关闭 SSE 连接:Angular

BehaviorSubject 在 Angular 中制作数据之间的时间表(或计时器)

如何 use/import http模块?

由于时区,Angular 4 日期管道显示错误的日期 - 如何解决这个问题?

如何在 Angular 2 中正确设置 Http 请求标头

Angular 2 - ngfor 没有包装在容器中

在 Angular 4 中播放声音

Angular 2 Material 2 日期 Select 器日期格式

如何在功能模块层次 struct 中使用 .forRoot()

有条件地将 RouterLink 或其他属性指令添加到 Angular 2 中的元素

如何在 angular2 中的 div 的 contenteditable 上使用 [(ngModel)]?

No provider for Router?

从 Angular 中的自定义表单组件访问 FormControl