使用ngfor和ngif创建网格

、

我正在尝试创建一个网格，其中在一行中显示3张牌，然后添加新行，然后显示接下来的3张牌。这是我目前拥有的代码： <div class="container"> <div class="col" *ngFor="let re

浏览 18提问于2020-01-13得票数 0

回答已采纳

1回答

角:引用子元素中的索引值，同时使用**ngFor*和**ngIf*

、、

我想从一些网格汽车组件中观察到数组中的呈现对象。此外，我希望将网格卡的数量限制为基于组件中的变量(即使用gridCols*maxRows条件检查的*ngIf )的值。我知道在同一个元素上同时使用*ngFor和*ngIf是不可能的。因此，我需要使用<template ngFor ...>来包装我的网卡元素，这些元素将基于*ngFor有条件地呈现。鉴于此，我如何从index或content变

浏览 5提问于2017-05-08得票数 4

2回答

角度2：* in用于在*in用于

、

我得到了一个类似这样的数组：使用ngFor，我现在尝试在这里创建一个网格，其中的所有元素在本专栏中以列和块的形式进行分隔。<div *ngFor="let a of a"> <template [ngIf]="a.column=='

浏览 0提问于2017-04-24得票数 6

回答已采纳

1回答

结合使用网格和flexLayout

、、

状态:我用角度-柔性布局构建表单，但是我也需要使用带有flex的角度网格，如何将flex和网格一起使用？<div fxLayout="row wrap" fxLayoutGap="15px"> <ng-container *ngFor="let widget of containerList"><ng-container *ngIf="widget.widgetT

浏览 2提问于2022-09-24得票数 0

回答已采纳

1回答

如何在代码中设置kendo angular 2网格及其单元格模板的列

、

我想在代码中像旧版本的angular一样管理网格列设置。这个特性存在吗？

浏览 1提问于2017-07-30得票数 0

3回答

‘`ngIf`’问题，如何？

、

由于某些原因，ngIf似乎无法工作。下面是我的例子： app.AppComponent = ng.core selector: 'my-app', template: `<div

浏览 1提问于2016-03-29得票数 3

回答已采纳

3回答

为什么ngIf不在angularjs2中工作？

、

我试图在一个ngIf中使用ngFor，但它只是破坏了我的代码。下面是我的代码：我需要检查索引mod

浏览 1提问于2016-09-30得票数 0

回答已采纳

1回答

Angular8材质，同时具有标题和平铺的网格。mat-grid-平铺内容未完全调整大小

、、、

Angular8材质，同时具有标题和平铺的网格。 [c

浏览 0提问于2020-03-04得票数 1

1回答

离子排除**ngFor*中的元素

、、、、

通常，如果我想从*ngFor循环中排除一些东西，我会使用*ngIf。然而，在这种情况下，我不能。.HTML <div class="grid"> <ion-card *ngIf="food.data.name我正在做一个网格模式，每行有两个<ion-card>。我尝试跳过数组中名称为

浏览 8提问于2020-08-12得票数 0

回答已采纳

1回答

在一段时间后隐藏并替换Div

、、

-- Display Headers --> {{row}} <tr *ngFor = "let row of dataObj"> <td *ngFor = "let column of

浏览 6提问于2022-02-05得票数 0

回答已采纳

3回答

如何用定义好的html结构的ngFor显示数据

、、

代码如下所示： <div [ngClass]="{ 'content-left': i < 5, 'content-right': i >= 5 }" <ng-container *ngIf="data.state ==

浏览 0提问于2019-04-12得票数 2

1回答

带有布局选项的角度拖放

、、、

我正在使用角度材料cdk的拖放功能。但对安排没有限制。(像网格一样并排拖放字段) ? 我可以设置布局选项并允许在该布局区域上拖放元素吗？我们可以让这在飞行，以便用户可以设置他的布局和拖动所需的字段。

浏览 21提问于2019-09-11得票数 0

回答已采纳

5回答

角2条件ngFor

、、

我有以下几点： <li *ngIf="condition" *ngFor="let a of array1"> <p>{{a.lastname}}</p> <li *ngIf="!condition" *ngFor="let b of arr

浏览 6提问于2016-12-21得票数 18

回答已采纳

2回答

角度5环阵列

、、、

在这里，我的问题是我尝试使用*ngFor来迭代someArr并传递给[something]=""，但是在添加它之后我的页面变成了空白。谁能帮帮我。someArr = [1, 2, 3, 4, 5, 6] </myHeader

浏览 0提问于2018-05-17得票数 0

1回答

订阅display [ Object ]，无法在**ngFor*之外创建**ngIf*

、、、、

我创建了一个角度测试项目，每个ID都可以进行测试，我想显示记录用户所做的每一个测试。我就是这样做的。this.router.navigateByUrl('account/addProfile') }) 这是html部分:这里我尝试如果result.id_category和userIDscore</th> </thead&

浏览 2提问于2022-06-05得票数 1

回答已采纳

1回答

"**ngFor“中"”的意思是什么？

我不明白*ngFor中"*“的意思。有人能给我解释一下吗？谢谢!

浏览 0提问于2017-06-19得票数 1

回答已采纳

2回答

在角5中的任何实例中使用ngFor获取最后显示的项

我有一个使用*ngFor在HTML中显示的对象。现在，在任何情况下，我都想知道最后显示的数据。例：-我有一个对象叫totalItems；<p *ngFor="let item of totalItems"> 我想要的是ifitem.Name和上次显示的item.Name相同，另一个东西将被打印出来。

浏览 0提问于2018-07-24得票数 0

回答已采纳

2回答