css - 如何将 *ngFor 值列表分成两个 div

标签 css angular

IN angular 如何将 *ngFor 列列表分成两个并排的 div。

set1=[1,2,3,4,5,6.....]
<div *ngFor="let person of set2">{{person }}</div>

最佳答案

html

<div *ngFor="let person of set1; let ind = index;">
    <div *ngIf="ind % 2 == 0">
        {{set1[ind]}} - {{set1[ind+1]}}
    </div>
</div>

ts

export class AppComponent {
    set1 = [1,2,3,4,5,6];
}

关于css - 如何将 *ngFor 值列表分成两个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53720503/

相关文章:

javascript - 我想让我的菜单每次被点击时都被选中,并用选中的菜单更改页面

html - 嵌套的 DIV 和高度

typescript - 为什么 $ 在 Angular 2 中不被识别?

angular - typescript 中的类型 'files' 错误上不存在属性 'EventTarget'

html - 文本未显示在 div 中

html - 需要显示带有等长下划线的多行文本

css - 我页面上的这种样式来自哪里?

angular - 控制属性值的评估

javascript - 在 Angular Virtual Scroll 中使用父滚动条而不是子组件滚动条

angular - 如何从 Angular 2 中的 QueryList 获取子元素?