-
3 votesanswersviews
无法使用我的css属性覆盖角度材质主题
我正在使用 Angular 6.0.8 与 Angular Material theme 版本6.4.0 每当我尝试稍微修改材质主题时,它都无法工作,因为我总是找到覆盖我的CSS属性的材质主题属性,如下所示: currentColor .mat-input-element (material theme) initial input, textarea, select, butt... -
0 votesanswersviews
如何防止在Angular材质对话框中向下滚动?
我通过 http 请求检索数据,文本预先格式化为HTML文本,大部分时间都很长 . 基本上我使用以下内容: <h2 matDialogTitle> My title</h2> <mat-dialog-content> <p [innerHTML]="data.displayText" ></p> </mat-... -
0 votesanswersviews
将分页应用于没有桌子的mat-card
我是agnular 6的新手,想要将分页应用到mat-card . 我在mat-card上显示数据 . 所以下面是我的代码typscript代码 . export class ViewComponent implements OnInit { Questions: IQuestion[]; pageSize: 10; pageLength: 100; pageSizeOption... -
1 votesanswersviews
Angular Material Datatable不对Http请求中的数据进行排序
我正在使用带有Http请求的Angular Material数据表来获取数据 . 但是,它不是在数据表中对数据进行排序 . export class ContactComponent implements OnInit, AfterViewInit { displayedColumns: string[] = [ "firstname", "mid... -
0 votesanswersviews
将HTML传递给mat对话框 - Angular Material
我正在尝试将HTML传递给mat对话框,但它在对话框中显示 [object HTMLTableElement] 而不是表HTML . 我试过的步骤: 在模板中制作了一个元素参考,如下所示: <table hidden #contentTable><th></th><tr></tr></table> 在组件中访问View... -
0 votesanswersviews
matTextareaAutosize在Angular Material 6.4.2中不起作用
我正在尝试在角度材料6.4.2上的textarea上应用自动调整大小,如下所示 - <mat-form-field> <textarea matInput [matTextareaAutosize]="true" placeholder="Task description" formControlName="descr... -
0 votesanswersviews
角度6材料 . 如何为mat-sidenav-container制作橡胶?
我有响应 mat-sidenav 用Angular Material 6生成 . 导航面板的打开/关闭按钮工作非常好,但是导航面板是打开pannel的部分内容 . 如何使内容部分像橡胶: <!--CONTENT--> <main> <router-outlet></router-outlet> </main> 我的意思是当导航栏... -
1 votesanswersviews
Angular Material mat-select不加载初始值
我遇到了mat-select组件的问题,一切正常,但他只是在编辑时没有设置初始值...如果我改为简单的HTML一切正常 . 我做错了什么? HTML选择工作正常: <select formControlName="category" [compareWith]="compareFn"> <option [ngValue]="... -
0 votesanswersviews
在Angular 6中使用Angular Material Forms时,没有ControlContainer错误的提供程序
我已经使用Angular 6编写了一个应用程序,我正在将Angular材料添加到其中 . 在现有应用中使用反应形式方法 我有一个登录模块,其声明如下 . @NgModule({ imports: [ CommonModule, RouterModule.forChild([ {path:'login',component:LoginComponent} ]),... -
0 votesanswersviews
如何在角度材质中单击时更改mat-icon中的颜色
当我点击mat-icon时我正在使用Angular 6我想要更改该图标的颜色,所以请帮我这样做 . <button mat-icon-button matTooltip="Add to wishlist" (click)="addToWishList(product)"><mat-icon>favorite</mat-icon&... -
0 votesanswersviews
按Enter键时,Angular6材质对话框会阻止关闭
我有一个登录对话框,希望防止它在按下输入时自动关闭 . 更具体地说,当用户输入凭证并按下回车并且凭证的响应返回为错误时,我希望对话框保留(因此我可以向他们显示一些错误消息并让用户再次尝试) . 所以这就是我做的: export class LoginComponent { constructor(public dialogRef: MatDialogRef<LoginComponen... -
0 votesanswersviews
Angular 6 Material Dialog字体差异和材质图标大小修改
到目前为止我已经学到了,但我注意到材料设计的开箱即用字体对于不同的组件是不同的 . 对于材质对话框中的材质 Headers 元素, Headers 以精美的Roboto字体显示,但材质对话框内容以罗马字体显示: 这是我对话框的html组件: <h3 mat-dialog-title>{{title}}</h3> <mat-icon color="prima... -
0 votesanswersviews
在mat-table Angular材料6上的多重过滤器
我在Multiple Filters on MatTable见过解决方案 . 但我在MatTable上有(滚动)方法,在Scroll上我在MatTableDataSource上推送数据 . 例如: this.currentPage += 1; this.apiService.getData(this.currentPage).subscribe(results => { ... -
0 votesanswersviews
Angular 6和Angular Material - 维护DOM中的对话框
在Angular Material v1中,有一个“Pre-Rendered Dialog”选项,其中每次都没有生成对话框,它是使用父组件呈现并在DOM中保留,只是隐藏 . 从dialog docs: 预渲染对话框这是一个预渲染对话框,这意味着$ mdDialog不会在每个开口上编译其模板 . Dialog Element是DOM中的一个静态元素,只是在视觉上隐藏 . 一旦对话框打开,我们只需... -
1 votesanswersviews
Angular 7和Reactive form Array返回错误无法找到带路径的控件
我从服务器获取数据到组件 . 这些数据包含具有多个值的 Family Relation ,可以从下拉列表中选择以更改原始族关系值 . 我想要的是使用Reactive Forms创建一个表单控件输入数组,以显示角度材料表数据源的每一行的下拉列表 . Here is a working stackblitz that give you a great idea of the problem. 这是脚本... -
0 votesanswersviews
角度材料包含排序,分页和过滤页面问题的数据表
我试图通过排序,分页和从此link过滤来跟踪Angular Material Data表 . 一切似乎都运作正常,但我被以下阻止 . 你们知道如何解决这个问题吗?它不会发生在Firefox上,但它发生在铬或铬上 . 如果您需要版本号 Angular CLI: 6.0.8 Node: 8.11.4 OS: linux x64 Angular: 6.1.3 ... animations, common... -
-1 votesanswersviews
角度材料侧导航栏
在我的角度6项目中,我有角度侧边栏导航,它在桌面视图中工作正常 . 但我需要相同的侧边栏作为覆盖模式工作移动视图 . 如何实现它, -
0 votesanswersviews
可以在Angular Material中进行拖放和排序吗?
Scenario : 从Angular Material cdk版本7.0.3我们有Drag&Drop排序 .在那个拖放中,我们可以点击并拖动该div中的任何地方 . 无需点击任何地方,只有图标可以点击并拖动整个div . 现在下面的例子你可以点击并拖动那个div,我不想要那个 . 我只想点击图标并拖动该div与排序 . Example : https://stackblitz.... -
0 votesanswersviews
材质表数据源中的Angular 7下拉列表正在选择数组的最后一项
我在具有数据源的角度材料表中有这个表格组; <ng-container matColumnDef="fr"> <th mat-header-cell *matHeaderCellDef> Family Rel. </th> <td mat-cell *matCellDef="let element"&... -
2 votesanswersviews
尝试* ng为Json对象时出错
我正在尝试创建从 endpoints 返回的数据列表,我得到10位数据,我想使用* ngFor来显示它们 . 我已经在正确的时间正确地输入了数据,但它正在说 错误错误:“无法找到'object'类型的不同支持对象'[object Promise]' . NgFor仅支持绑定到诸如Arrays之类的Iterables . ” 但是从我看到的你可以在最近版本的Angular中使用* ngFor中的... -
0 votesanswersviews
Angular 7和Angular Material表在为每行生成下拉列表格式控件时出现数据源错误
基于这个堆栈上的question,我需要为角度材料表 dataSource 生成的每一行绑定一个下拉列表 . 下拉列表应自动选择对应的值,作为其他值 . 这是表: <form [formGroup]="formGroup"> <table mat-table [dataSource]="dataSource" matSort>... -
0 votesanswersviews
angular:matTable在没有--aot编译时给出错误“无法读取未定义的属性'find'”
当没有--aot编译时,角度材质表(matTable)抛出以下错误 . 如果目标es版本为 es5 ,应用程序将正常工作 . 但该应用程序在很大程度上取决于 es6 功能 . 所以,应该只用es6编译 . 可以使用Github存储库重现错误 Updated : 材料和cdk to在package.json中降级到6.4.1 . 但它安装了最新版本 . 这导致了这个问题 . 如果两个包都单独安装 ... -
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... -
2 votesanswersviews
从Angular 6 mat-selection-list获取所选值的列表
如何获取从组件中的Angular材料mat selection list中选择的所有值的列表 . 给出的示例显示了要在模板中显示但不在组件中显示的值 . 我正在尝试修改this question中给出的解决方案,但它不适用于我 . 这是我目前的代码: 模板: <mat-selection-list #selected [(ngModel)]="readingTypesSelecte... -
1 votesanswersviews
角度材料选项卡中是否有onClick事件?
有没有办法做 onclick 之类的东西但是在标签中呢?我的网站运行了一个heroku(https://nextlevel-server.herokuapp.com/),当用户点击"Paladins"或"Smite"或"league of legends"时,我想做一些代码 . 我读了doc和API,但我看到的唯一方法是 onInit 在... -
1 votesanswersviews
角度材料6多个不同颜色的垫子滑块
我在页面中有3个“滑块”滑块,我希望滑块有3种不同的颜色 . 我无法覆盖页面(组件)的主题颜色,因为它将应用于所有滑块 . 我是否必须为滑块制作3个不同的组件并覆盖每个组件中的主题颜色?实现这一目标的最简单方法是什么?下面是我的角度和包装版本, Angular CLI: 6.0.8 Node: 8.9.4 OS: win32 x64 Angular: 6.0.6 ... animations, c... -
0 votesanswersviews
删除材质对话框上的奇怪边框
我使用Angular material 6对话框组件 . 它显示了一个奇怪的 border . 你能告诉我如何删除它吗?我尝试过如下 . 但它没有用 . 如果我在浏览器内部(内联)这样做,那么它的工作原理 . 任何线索? dialog.component.html <h1 mat-dialog-title>Confirm</h1> <div mat-dialog-... -
-1 votesanswersviews
模板驱动形式的角度材料Mat-Chip验证
我使用Angular 6和Angular Material 6.我想要mat-chip字段 . 当我输入mat-chip字段时,将启用保存按钮,否则将被禁用 . 输入字段是必需的,但不能要求mat-chip字段 . 请帮我找到解决方案 . 谢谢 . 我的示例代码链接在这里:stackblitz demo -
2 votesanswersviews
角度材料设计中的时间输入
我正在使用Angular 5和材料库 . 我需要使用时间输入,但在文档中,我没有找到完成此任务的解释 . 是否有任何人有相同的需求,可以建议我一个很好的教程或文档? TNX -
0 votesanswersviews
角度材质组件mat-select和mat-label裁剪文本
我遇到的问题是我使用过的font-family导致了一些材料组件的文本裁剪,例如 mat-select, mat-label, mat-input . 这只是一个 line-height 问题吗?对于输入,我通过增加线高来解决它 . 但对于mat-label和mat-select,我不明白 . 有任何想法吗? 干杯