-
0 votesanswersviews
更改标签中的阿拉伯字体系列以及mat-select和mat-input Material angular 5的选项
如何更改标签中的fonts-family以及mat-select和mat-input Material angular 5的选项? 我试图将样式直接应用于mat-select和input元素,但对我来说没什么用 . myForm的-component.html <mat-form-field class="col-sm-2 col-4"> <mat-sel... -
0 votesanswersviews
Mat-Select选择当前选择的选项
我需要对选项选择做出反应 . 我的问题是,当我选择了选项A时,此组件不会发出事件( selectionChange 输出不会发出新事件),我打开选择窗格并再次选择选项A.事件没有被触发,因为选择没有改变,但在我的用例中我需要在这种情况下触发选择更改事件 . 有人知道怎么做吗?有没有办法在这个 mat-select 组件中覆盖 selectionModel ?我有一个链接列表,在选择其中任何一个后,... -
2 votesanswersviews
使用mat表数据源进行角度输入变化检测性能
有谁知道在ngOnChanges生命周期钩子中更新mat表数据源是否正常?或者是否存在大规模潜在的数据泄漏或性能问题? 这是我的意思的一个简单例子 . 子组件具有输入数据的父组件,如下所示: <data-list [data]="someData"></data-list> 和子组件: import { Component, Input, Simple... -
0 votesanswersviews
角材料表格单元格的高度
我非常喜欢一般的flex . 我希望它可以轻松修复,但到目前为止我还没有管理它 . 问题在于标准角材料表 . 我想通过添加cursor css属性来使一些单元格可单击 . 由于.mat-row是具有align-items的flex容器:center每个单元格的高度都不同,具体取决于内容 . 最小高度为48px,因此对于单行单元格,它们小于行的高度 . 我想为每个单元格制作100%的高度,因此它的行... -
1 votesanswersviews
具有动态行的角度材料数据表
我正在使用Angular 5和Angular Material数据表来构建数据 . 我在下面的网站上提到了一个例子 . 在此考虑我需要将动态数据包含到每一行,如屏幕截图所示,'favorite'是列 Headers . http://www.devglan.com/angular/angular-data-table-example 样品Json用于交叉参考 . constELEMENT_DA... -
0 votesanswersviews
Snackbar样式 - Angular Material 6
我正在使用Angular 6和Material 6,我需要将 margin-bottom: 20px 设置为小吃吧 . 我遇到的问题是,当一个关闭而另一个打开时,动画会重叠 . 我怎么解决这个问题? 1)正确的方式(网络示例) . 当必须显示新消息时,快餐栏会在新消息出现之前完全消失(https://scrud.herokuapp.com/book) 2)我的代码(坏) Example: 转到官... -
2 votesanswersviews
Angular和Angular材质从v5.x升级到v6.x.
我正在尝试将我现有的角度项目从v5.x更新到v6.x以及角度材质 . 我做了以下步骤 - 我删除了现有的node_module文件夹 按照此处提到的所有步骤进行操作 - update to ng 6 安装了最新的角度材料和cdk和hammer.js,如最新的角度材料指南中所述 . 我重新运行 - npm install - 删除早期的node_modules文件夹并清理npm... -
0 votesanswersviews
如何从子组件向父组件发送通信?
我只是因为基础或 parent component 代码的大小和代码组织的增长而拆分组件 . 所以根据 parent component 的各个部分拆分组件 . 所以每个 child component 都是同一个 parent component 的每个部分 . 但我的问题是如何从 parent component 访问 child component 对象?因为我看到的大多数示例都是基于来自 ... -
1 votesanswersviews
Mat排序数字和文本列的问题
我有角度材料数据源 . 角材料版本是^ 5.0.3排序正在工作 . 但是对于某些列,它排序不正确 . 那里有数字和文字 . 例如,排序结果如“XXX”,“1”,“1tesxt”,“1”,“OPD”,“OXD”,“12” . <mat-table #table [dataSource]="dataSource" matSort > <ng-containe... -
0 votesanswersviews
使用matInput进行动态MatTable的离线分页问题(Angular 5 Material Design)
我有一个组件,并且有一个带有一些matInput的空表单,我有一个mat-table,matInput也在行中,所有这些都分布在mat-card中 . 表的行数是动态的,基于另一个matInput(我在示例中称为'range'),因此,我将数字放在我的matInput上,称为'range',并使用离线分页器动态创建行 . 这是我的问题,如果我需要创建20行,并决定在每个页面上放置5个项目的分页器大... -
5 votesanswersviews
带有角度材质的垂直标签
使用正确的Angular Material directive,如何将方向更改为垂直? 从垂直标签开始: 然后想要放到mat-select下拉列表下面的内容: 编辑:如果有人不打扰我:)将努力使https://stackoverflow.com/a/43389018适应我的答案:) -
0 votesanswersviews
角形材料扩展面板,带有子扩展面板
实际上我已经使用角度材料扩展面板(手风琴)进行面板扩展 . 所以我试过的是我只想在一个父扩展面板中显示这样的子面板 . 见下图 . 数据库将成为顶级父级面板,在其中我有不同的数据库作为子面板 . 为此,我写了这样的代码 . 但是,当我点击子面板内的任何父面板时,代码不起作用,然后一切都崩溃了 . 我的意思是说面板正在倒塌 . 见下面的代码: <mat-accordion> ... -
-1 votesanswersviews
角度材料如何使单元格可点击
我正在动态渲染一个材质角度表,我想制作一行单元格(通过名称渲染)可点击 . 我不想添加按钮,只需创建可点击的名称 . 例如,我有一个if检查(* ngIf =“arr.data ==='id'”),然后在id旁边呈现一个图标,如下图所示 . 我通过id 54旁边的if检查来渲染eclipse . 如何使id可点击而无需在角度材质表中呈现图标? -
3 votesanswersviews
为什么我不能直接设置角度材料步进元素?
这是一个代码示例,我从步骤的official angular documentation分叉: https://stackblitz.com/edit/angular-tth817 在我的分支中,我正在努力实现以下几点: 我想隐藏步进 Headers . 我试过通过造型 .mat-horizontal-stepper-header-container (实际上只是为它添加边框)来做到这一... -
2 votesanswersviews
如何将Angular Material Table导出为excel或pdf或csv
我正在使用角度材料https://material.angular.io/components/table/overview创建一个角度表,无论如何要以excel或pdf格式导出它? -
0 votesanswersviews
Bootstrap模态中的角度材料下拉
我有一个Angular 5应用程序,必须在Bootstrap模式中使用Angular Material的 mat-select . 问题是下拉选项出现在模态后面 . 我的代码看起来像这样: <mat-form-field class="mdb-form-field form-adjustments"> <mat-select placeholder=... -
0 votesanswersviews
Angular mat-sidenav属性:(isHandset $ | async)我不明白
<mat-sidenav-container class="sidenav-container"> <mat-sidenav #drawer class="sidenav" fixedInViewport="true" [attr.role]="(isHandset$ | async) ? 'd... -
1 votesanswersviews
如何在mat-input中设置占位符的位置
我在mat-input中改变了一些样式 . 我得到了所有这些,但输入中占位符的位置 . <mat-form-field> <input matInput type="email" name="email" [required]="true" placeholder="email" class=&... -
0 votesanswersviews
启动时的角度材质对话框组件滚动问题
我在我的应用程序中使用Angular Material Dialog组件,在这个对话框中,我向用户呈现了一个HTML数据表,可能有一个滚动条 . 我的问题是,当我单击按钮打开实际对话框时,我注意到内容会立即滚动到底部,这是一个麻烦,因为我需要手动滚动回到顶部 . 我正在使用此处描述的标准设置: https://material.angular.io/components/dialog/overvi...