angular-material2相关内容
我在我的应用程序中使用了 Angular Material 并且我有两个 mat-table 对单个组件进行排序,但我的排序只在第一个表上工作 这里是ts代码 @ViewChild(MatSort) inventoryDataSort: MatSort;@ViewChild(MatPaginator) inventoryDataPaginator: MatPaginator;@ViewCh
..
有人可以放一个完整的带有数据源的 mat-table 示例,稍后在加载表并更新表时添加数据吗? 我的程序设法显示表格,数据的加载,要求新数据的对话框,要添加到数据库的数据,但我不知道如何刷新表格 我找到了这个例子 connect(): Observable{返回 this._userService.dataChanged.switchMap(() => this._userServ
..
希望这是一个愚蠢的问题. 我刚刚为我为雇主构建的项目添加了一个 md-slider.(因此我没有代码表示抱歉) 我将 MdSliderModule 导入到我正在使用的模块中.在我的模板中添加了我想要的标签.它出现了,看起来不错,但不会拖.我可以点击它来改变它的值,但我不能拖动它. 我错过了什么吗?Angular 是否有我需要导入的该组件使用的拖动模块?有没有其他人看到这个?
..
我正在尝试减少角材料步进组件上的填充,因为我正在开发一个紧凑的: 要删除此处的填充: Ibn 官方角度材料文档,他们指出您应该创建一个特定的选择器.我只是不知道该怎么做.我尝试了以下方法: 在 chrome 工具中,我找到了一个 CSS 类 .mat-horizontal-stepper-header.我正在尝试将填充从 24 像素减少到 10 像素,如下所示: .ma
..
我正在尝试为输入设置样式,使其具有特定的宽度.我正在使用 Angular Material 2,但由于某种原因,css 中的样式没有应用于输入标签.这是我的问题的一个有效工作以及受影响的代码: @Component({选择器:'我的应用',模板:`
..
我使用原始 angular2 材料框架中的 md-fab-button.我想设置 md-fab-button(用于添加新实体)position: fixed 但我想将按钮放置在 md-sidenav-layout 内的内部组件中code> 但如果我这样做,则 position: fixed 不起作用. 上面的代码:
..
我在我的角度应用程序中使用了角度材料 2.当我的表单输入字段错误消息不止一行时,我遇到了问题.这是照片: 代码如下: {{'PASSWORD_RECOVERY.FIELD_REQUIRED' |翻译}}
..
我对角材料的 mat-checkbox 有问题.我给复选框指定了这样的 ID: 我的复选框 在那之后,我试图用这个元素来做这样的事情: (document.getElementById('myCheckbox')).checked = true; 但不幸的是我收到此错误: TS2352:类型“HTMLElement"无法转换为类型“MatCheckbox".
..
所以我尝试使用 MdDialog 来显示错误消息.不幸的是,它显示的不是弹出窗口,而是页面底部的块. 我需要查看或更改哪些内容才能使其正常工作? 下面的代码 common-modal.component.html {{ title }}
{{消息}}
..
mat-select 元素很有趣.见下文. 代码 一个两个三
..
Angular 5 材质,材质小吃栏仅针对自定义 ErrorHandling 无法正确显示,否则它可以正常工作: 我正在尝试使用材料快餐栏显示我的后端错误,问题是它第一次被触发时,它出现在错误的位置(不是应有的底部中间,而是在左侧)&它永远留在那里而不会消失(根据我的配置,它应该在 2 秒后自动消失) 下次出现时,它将正确出现&2 秒后消失. 请在此处尝试该问题:stackbli
..
我正在使用 angular-material 和 angular 5.mat-grid-tile 有它自己的顶部填充来计算使用 calc 方法. 我想在 mat-grid-tile 上设置自定义填充.我该怎么做? 解决方案 grid tile 组件在元素本身上动态设置顶部填充,因此您需要在 CSS 中使用 !important 修饰符来覆盖它. HTML:
..
随着 Angular Material 及其 重大更改,我无法再使用我的 组件.当我导入 MaterialModule 时它正在工作,但现在导入 MatMenuModule 或 MdMenuModule 时生成以下错误: compiler.es5.js:1690 未捕获的错误:模板解析错误:没有将“exportAs"设置为“matMenu"(“
..
有什么方法可以将 [stepControl] 错误匹配器与模板驱动的表单一起使用?文档只是讲了一个 AbstractControl 实例,这显然会强制使用 reactForm. 我尝试使用 [stepControl]="myNgForm" 和 [linear]="true" 来验证步骤,但步进器只是忽略它. 感谢您的帮助. 谢谢! 解决方案 步进控件似乎与“form.co
..
我在我的 Angular 应用程序下使用 mat-autocomplete 小部件:
..
我正在使用 Material Angular(来自 Angular Material).该站点中的示例似乎有点过于复杂,互联网上的所有其他教程似乎都已过时或正在使用 AngularJS.如何显示带有标题、消息和确认/取消按钮的简单警报(就像 Android 的 AlertDialog)? 解决方案 编辑: 您还可以在组件的 HTML 文件(或更常见的“组件视图")中使用模板引用,然后
..
所以我正在关注 angular 2 material DataTables 的文档.起初它正在使用文档中的提供代码.但是,我稍微更改了代码,这样如果我要提供实际数据,就不会像遵循 angular material 的文档那样困难,因为我已经习惯了.因此,将所有导入注入到我的 TS 文件 import { Component, OnInit, ViewChild } from '@angular/
..
我需要修改标准Angular Material切换按钮组件的功能,以便单击活动按钮将组件返回到没有按钮处于活动状态的状态.这有两个步骤: 更新切换组的值 将单击按钮的“已检查"参数更改为 false 我尝试了几种方法,例如 模板:
..
我有以下代码
..
正如问题所说,我的对话框弹出在屏幕底部,而不是中间.它也不会在点击时关闭,而是在我点击转义时关闭.页面的其余部分也没有被禁用或变灰,因此我可以将它们堆叠起来(见下文). 我使用的代码与示例中的代码基本相同 import {Component} from '@angular/core';从'@angular/material' 导入 {MdDialog, MdDialogRef};@成分({
..