mat-grid-list未正确显示mat-divider

文章/答案/技术大牛

发布

1回答

angular-material2

我在Angular中有以下html我正在使用mat-grid-list来排列我的元素，我想在中间添加分隔符，问题是分隔符总是在任何mat-grid-tile出现之前被推到顶部：<mat-grid-tile colspan='7'></mat-grid-tile> <mat-divider&

浏览 0提问于2018-02-23得票数 0

回答已采纳

1回答

我想要动态地显示matCard，使用for循环，共3列和3行，共9个matCard，使用angular material .how在matGrid列表中执行此操作。如何在grid和matcards中动态地显示它。有人能帮帮忙吗 <mat-grid-list cols="3" rowHeight="1:0.7" > <mat-grid-tile *ngFor ="let tile of Tiles"><br /> Act

浏览 10提问于2020-07-20得票数 0

1回答

无法将“席”网格列表和“席列表”放置在“席”对话框内容中。

angular、angular-material

我试图将这两个项目作为两个mat-cards在mat-grid-list中显示。这两个项目都有一个要比较的属性列表，我试图使用mat-list将这些属性放在*ngFor中。我的问题是，dialog没有用我的数据显示完整的大小。如果我将静态内容(例如，一些文本放在任何标签中，例如<p> )中，dialog就会自动调整，并变成完全大小，如官方网站中所示。只要对话框在dialog中显示良好，我就可以更改对话框的内部元素。<h4 mat-line>{{attribute.name}}</h4

浏览 2提问于2019-12-17得票数 3

1回答

在鼠标单击事件期间执行不需要的组件方法

html、angular

我目前正在开发一个组件，该组件使用材料网格列表和材料卡显示项目列表，其中只有在给定数据源中存在项目时，才会显示项目。我还没有特别尝试任何东西，因为我仍然不知道这是如何发生的(我是一个角度初学者，请容忍我)<mat-grid-list cols="4" rowHeight=".85:1"> <mat-card-content>{{item.descriptio

浏览 0提问于2019-06-07得票数 0

回答已采纳

2回答

角质层网格表最外边框

css、angular、angular-material

我需要显示每个栅格标题单元的所有边框。<mat-grid-list cols="2" rowHeight="200px" style="border: 4px solid black">

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

回答已采纳

3回答

mat- angular 5中的列表

html、angular

我有这个代码，当我让分隔符插入mat-list-item时，分隔线并不总是显示<mat-list ><div><p>item.desc</p> <p>item.ad</p>

浏览 0提问于2018-10-03得票数 2

1回答

角中的清晰验证错误消息

angular、typescript、validation、formgroups

FormControl(null, Validaros.required};我有一个html：<form [formGroup]="dataxForm"><input formControlNameDescription')

浏览 3提问于2021-12-13得票数 -1

1回答

角度材料设计中的面板

html、css、angular、angular-material、angular-material2

mat-card-header> <mat-divider></mat-divider><input matInput

浏览 0提问于2018-09-11得票数 1

1回答

mat-grid-list不能正确显示

angular、angular-material

我有以下几点 <mat-grid-tile class="item-file-grid" *ngFor="let ind of [1,2,3,4]"></mat-grid-tile>在我的模块中，我有以下导入 CommonComponentModu

浏览 10提问于2018-12-19得票数 0

回答已采纳

1回答

TypeError:无法读取未定义角度的属性“”commit“”

javascript、angular、angular11

在后面，我有一个包含信息的DTO，而从前面，我访问该信息以将其显示在屏幕上。当我显示带有信息的对话框时，它会在控制台TypeError: Cannot read property 'commit' of undefined中显示一个错误，但它工作得很好。这是错误：这是es about.component.html<mat-divid

浏览 43提问于2021-02-23得票数 0

回答已采纳

1回答

如何将同一html中的部件分离成角材料？

css、angular、angular-material、grid、angular11

在我的项目(第一个图像)中，我有选项卡的标题、添加新记录的表单和显示记录的表。我想要实现的是和第二张图像一样，组件是重叠的。这是我目前的窗口：这就是我想要达到的目标：这是我的component.html：<mat-divider></mat-divider> <mat-expans

浏览 3提问于2021-04-01得票数 1

回答已采纳

2回答

如何在flex框中添加元素间的空间

css、angular、flexbox、angular-material、angular-cdk

我需要在一个无休止的角度材料滚动列表中显示一个计划作业列表，对于列表中的每个元素，我需要使用flexbox将其划分为3列。在每一列中，我想显示某些数据。由于某些原因，我无法在列表中的列之间添加空间。这是我的html代码 <div class="row1"> <

浏览 5提问于2021-08-03得票数 0

2回答

cdkVirtualFor不显示任何内容

angular、angular-material、angular-cdk

我有一个包含以下代码的对话框，其中显示了几个mat-card。该代码与ngfor完美配合，并显示了我所期望的结果。但是因为卡片的数量很大，所以我决定使用cdkScrolling，但是当我添加代码时，它没有显示任何内容，即使它在代码中呈现。并且页面显示为几乎空白。有人知道问题出在哪里吗？我是不是没有正确地实现它？important"></mat-divider> <div fxLayout="row wrap" f

浏览 65提问于2020-12-13得票数 0

回答已采纳

1回答

带有ngFor的嵌套对象*

angular、angular-material、mat-list

h3> <div class="parent-mat-divider"> </div> <ng-container *ngFor=&q

浏览 4提问于2022-09-21得票数 -1

回答已采纳

1回答

减去金额是不正确的。

angular

但结果显示不正确。item.quantity}}</span> </div> <mat-divider></mat-divider><span><

浏览 0提问于2020-09-29得票数 0

回答已采纳

1回答

如何在网格瓦片上改变伸缩方向？

angular、angular-material

我想在一个网格瓦片中显示3个组件，它们都是从左到右堆叠的，而不是从上到下很好地显示。可能就是这么简单，但是我找不到正确的方法。为了更好地理解，这里是我的页面： <mat-grid-list cols="2"> <app-admin-about-me></app-admin-about-meapp-admin-skills-list></app-admin-skills-list>

浏览 12提问于2020-10-31得票数 1

1回答

角质单选按钮

javascript、html、angular、angular-material、angular-forms

我正试图在一个具有单选按钮的mat-grid-list中创建一个表单，但是当数据正确地连接到我的formControl时，显示完全混乱了，标签没有被绑定到材料表单上。<div class="mat-elevation-z3 search-form"> </mat-radio-group&g

浏览 3提问于2022-08-26得票数 0

1回答

路由器链路中的角度嵌套项

routing、nested、angular6、json-server

component: JobDetailComponent },] 菜单将正确显示以下代码中的所有作业： <div fxFlex *ngIf="jobs">

浏览 9提问于2020-01-26得票数 0

1回答

角垫-网格列表不符合预期的内容

css、angular、angular-material

我想要一个与垫子卡的内容相匹配的mat-grid-list。我希望得到等间距的列。每行4张牌。我弄得一团糟。如果我用纯文本替换mat-card的内容，那么它看起来很好。如何才能以这种方式正确地显示mat-form-fields？<mat-tab-group> <mat-grid-list cols="4" rowHeight="100px" gutterSize="

浏览 0提问于2019-03-01得票数 0

回答已采纳

1回答

mat-grid-列出正确对齐第二行的问题

angular-material、angular8

我有两个字段在第一个垫子-网格-列表名称和功能和在第二行我有搜索和清除按钮，我的问题是我想浮动所有的按钮到网格的右侧，但我不能做相应的时候，当我给float:right;的线是不显示。我想要正确地对齐，我怎么才能实现呢？<mat-grid-list cols = "7" > [colspan] = "1" <mat-grid-li

浏览 0提问于2019-08-27得票数 0

点击加载更多