-
1 votesanswersviews
从Angular Material的mat-calendar获取用户选择的值,或在组件中呈现mat-datepicker
我只是想问一下是否有人有过使用Angular Material的 <mat-calendar> 的经验?我想要一个嵌套在我的html模板中的日历组件,而不是在单击按钮或某种切换时显示在弹出/模态中 . Material Datepicker似乎不支持这个(除非我错过了)所以我认为我可以在我的表单中添加 mat-calendar ,然后知道有一个 userSelected 输出我可以&... -
0 votesanswersviews
更新NgModel时,视图不会更新Angular 6
在我的代码中,我使用子组件中的EventEmitter更新父组件home . 调用函数this.getPrismClientLocatorExceptions()时,将更新ngModel,this.tableData,但视图中的表不会使用新数据进行更新 . 如何更新视图或让childComponent检测此更改? import { Component, Input, OnInit} from '... -
2 votesanswersviews
角度材料datepicker自定义格式
我创建了一个自定义指令来向现有的matDatePicker控件添加功能 . 该指令有一个名为format的Input属性,它在运行时给出日期格式 . 我在Angular 2 Material 2 datepicker date format中提供了MyDateAdapter 我的问题是;如何在运行时将输入格式值设置为datepicker日期格式,作为格式值的更改时间 . My Directive:... -
1 votesanswersviews
Angular Material Datepicker验证错误在模型更新后仍然存在
我'm using two of Angular Material' s datepickers来实现日期范围输入 . 其中一个选择器是开始日期,另一个是结束日期 . 开始日期's md-max-date value is the model that the end date'的输入绑定到 . <md-input-container class="searchParams&quo... -
0 votesanswersviews
角度材料表分页,排序和过滤
我正在尝试使用角度材质选项卡进行分页,过滤和排序,但我遇到了以下异常: 错误TypeError:您提供了“未定义”,其中包含预期的流 . 您可以提供Observable,Promise,Array或Iterable . 可能是什么问题呢? user.component.ts export class UserComponent implements OnInit { dataSource... -
46 votesanswersviews
角度材质 - 如何刷新数据源(mat-table)
我使用mat-table列出用户所选语言的内容 . 他们还可以使用对话框面板添加新语言 . 他们添加了一种语言并返回 . 我希望我的数据源刷新以显示他们所做的更改 . 我通过从服务获取用户数据并将其传递到refresh方法中的数据源来初始化数据存储区 . Language.component.ts import { Component, OnInit } from '@angular/core';... -
0 votesanswersviews
Angular - (单击)不在我的Material / CDK Datatable中触发
请考虑我的模板中的下表 <mat-table #table [dataSource]="dataSource"> <!--- Note that these columns can be defined in any order. The actual rendered columns are set as a property on t... -
1 votesanswersviews
无法获取角度材质表组件显示
我一直在尝试按照角度材质表组件教程here 我几乎可以完全按照教程,除了必须使用mat-table标签而不是mat-table指令的表标签,这似乎是common issue . 可以在此处找到重现问题的回购: git clone https://github.com/Atticus29/stackoverflowTable.git cd stackoverflowTable/ npm instal... -
0 votesanswersviews
角度材料CDK数据表
我是Angular Material Table的新手 . 我使用类似mat-table的结构,但使用我自己的dataSource . 与此类似 . class ExampleDatasource extends DataSource { dataSubject = new BehaviorSubject<any[]>([]); connect() { return Observ... -
4 votesanswersviews
从CDK Overlay Portal获取对组件的引用
我正在使用服务来使用组件门户实例化Angular Material CDK Overlays . 创建门户并将其附加到覆盖后,是否有任何方法可以访问门户创建的组件的组件引用?我希望能够从外部收听该组件的事件 . 例如: const portal = new ComponentPortal(MyCoolComponent, /* ...etc */); this.overlay.attach(por... -
0 votesanswersviews
在Angular-CLI项目中使用mdTooltip
我正在尝试在Angular-CLI项目中使用Angular 2的材料实现工具提示 . 文档有点不清楚究竟需要什么 . 我只需要一个标准的工具提示弹出窗口即可显示 . 在我的组件HTML中我有这个: <button md-raised-button mdTooltip="This is a tooltip!" mdTooltipPosition="below&qu... -
0 votesanswersviews
从主SCSS设置角度组件的元素
我在Angular 5.x应用程序中遇到了困难,并希望有人可以提供帮助...... 我有一个带有mat-raised-button的组件,目前我在组件的SCSS文件中有一些样式: button-themed { background-color: black; color: white; border-color: red; border-style: solid; border-width: 1... -
5 votesanswersviews
Angular 5使用材料,jasmine karma测试失败,带有mat-icon
我正试图用茉莉花业力来 ng test 对Angular Materials的所有问题感到惊讶 . 我在几个月前看到了OLDER版材料的例子,当它被称为 md-icon 而不是 mat-icon 等... 因此,这不能解决抛出的错误 MaterialModule.forRoot() 错误 mat-icon不是已知的元素角度材质 -
1 votesanswersviews
Angular Material 5元素未正确呈现
我有一些问题渲染Angular Material我的应用程序 . 在应用程序的一个页面上它呈现正常,但在另一个子模块中它没有 . (所以,是的,我已经导入了材料css)我认为它与我的导入的导入顺序有关,但我不确定 . 我无法在任何掠夺者中重现它:/ 我使用的两个元素及其问题: 按钮:看起来没问题,但颜色= "primary"不适用颜色 输入字段:看起来没问题,但占位符... -
0 votesanswersviews
角度6与材料设计mat-toolbar问题[重复]
这个问题在这里已有答案: Uncaught Error: Unexpected directive 'MyComboBox' imported by the module 'AppModule'. Please add a @NgModule annotation 2个答案 我正在用角度6和材料制作一个小教程 . 我的代码: HTML: <mat-toolbar> <sp... -
1 votesanswersviews
有没有办法在Angular Material上做一个水平下拉导航菜单?
我不是在谈论AngularJs - Angular v4和Angular Material . 标准代码位于:https://material.angular.io/components/menu/overview -
1 votesanswersviews
我可以使用角度2.1的Angular Material 2.0.0-alpha.9-3吗?
我尝试使用Angular 2.1来使用angular / material ^ 2.0.0-alpha.9-3,但我得到了例外情况: zone.js:1274 GET http:// localhost:3000 / @ angular / material 404(Not Found)(index):16错误:(SystemJS)XHR错误(404 Not Found)loading http... -
0 votesanswersviews
如何使用纯Javascript运行此Angular项目
我有这个 Angular 项目: $ mkdir angular-material-select $ cd angular-material-select $ git clone git@github.com:napolev/angular-material-select.git . $ npm install $ ng serve 它使用了来自 Material Design 的 <ma... -
0 votesanswersviews
角度材料输入无效
我,正在使用来自https://material.angular.io/components/form-field/overview的Angular材料参考和来自https://stackblitz.com/angular/kopgoqmxvbdl?file=app%2Fform-field-overview-example.html的示例 我,具有与示例中所示相同的代码 . 但是,它对我不起作用... -
0 votesanswersviews
我怎样才能专注于特定的 mat-tab
<mat-tab-group mat-stretch-tabs #tabGroup (focusChange)="tabChanged($event)" [selectedIndex]="0"> <mat-tab label="DATOS EXPEDIENTE"> <div class=&... -
0 votesanswersviews
角度反应表单验证
我有一个有 3 个输入的表格,需要 2 个输入,第三个不是。 我的问题是,当我去表单的页面时,我看到不需要的字段处于有效状态并且已经用绿色着色,即使字段没有脏或触摸。 在我验证字段/表单之前,还有什么方法可以使输入变灰,或者它是否像设计一样? 这是我在组件中使用的代码: export class SystemSettingsComponent implements OnInit { form: F... -
0 votesanswersviews
在点击时打开和关闭mat-form-field matInput的下划线
是否可以使用CSS或后端Typescript来打开和关闭mat-form-field的matInput的下划线? 我看过像 this question 这样的东西,它显示它可以 removed 与css如下: ::ng-deep .mat-form-field-underline { display: none; } 但我不确定这是否可以在 [ngClass] 内实现切换呢? 问题还表明... -
0 votesanswersviews
Mat Paginator:同一组件上的多个动态表
根据加载的数据,我有一个包含可变数量表的角度组件 . 用于加载我一直使用的动态数据 @ViewChild(MatPaginator) set paginator(value: MatPaginator) { this.dataSource.paginator = value; } 在研究很多(因为mat paginator不适用于条件语句和动态表我的代码在* ng... -
1 votesanswersviews
Angular 6 mat-table使用带有flex的粘性柱不起作用
我正在使用角7,材质7 我试图使用粘性的特定列,它不起作用, Headers 变粘,但单元格没有 . 我的HTML看起来如下: <mat-table [dataSource]="dataSourceVaccinations" matSort> <ng-container matColumnDef="Gender" sticky> ... -
0 votesanswersviews
角度材料步进器无法工作 - Angular 6
Angular材料Stepper不起作用Angular-6,我按照它们提供的说明但是我遇到了一些冲突,任何人都知道如何解决这个问题会出现很多错误 谢谢 获取http://gc.kis.v2.scr.kaspersky-labs.com/46C70D82-2833-B24C-9A8E-E03849F5DBD7/main.js net :: ERR_ABORTED 404 localhost /:1... -
0 votesanswersviews
角度材料未正确加载样式
我正在使用Angular材料来构建表 这是我的表组件: import { Component, AfterViewInit, ViewChild } from '@angular/core'; import {MatTableDataSource, MatPaginator, MatDialog, MatDialogConfig} from '@angular/material'; import ... -
0 votesanswersviews
角度材质组件不起作用:'mat-option'不是已知元素
我正在尝试添加角度材料组件 . 但该组件无法正常工作 . 那个错误说 Uncaught Error: Template parse errors: 'mat-option' is not a known element: // ... 我认为错误来自 app.module.ts : import { BrowserModule } from '@angular/platform-browser'... -
1 votesanswersviews
在使用JSON数据定义时,所有卡都是同时扩展而不是单独扩展
是否有可能单独扩展我的卡而不是现在一起扩展我的卡? 我已经定义了一个JSON数据数组,用于填充卡片的细节,但我似乎无法让它们单独扩展 . Simple data export const DATA = [ { name: 'Some name 1', }, { name: 'Some name 2', } ]; .ts file exp... -
0 votesanswersviews
将分页应用于没有桌子的mat-card
我是agnular 6的新手,想要将分页应用到mat-card . 我在mat-card上显示数据 . 所以下面是我的代码typscript代码 . export class ViewComponent implements OnInit { Questions: IQuestion[]; pageSize: 10; pageLength: 100; pageSizeOption... -
0 votesanswersviews
如何为Angular Material paginator自定义css?
我想修改Angular Material Paginator的默认外观 . 例如,我想将justify-content属性更改为flex-start . .mat-paginator-container { display: flex; align-items: center; justify-content: flex-end; min-height: 56px; padding: 0 8px;...