打开日历时的 Angular Material Datepicker 设计问题
我在使用 Angular Material Datepicker 时遇到问题，我似乎找不到它的根本问题.我想不出办法来表达这个问题.每当我打开日历并选择日期时，叠加层太大并且超出了框的边界.希望此附加图片可以提供帮助: 我在组件所在的模块中有以下导入: import { MatDatepickerModule, MatNativeDateModule, MatFormFieldModule
..
angular-material2相关内容
Angular 9 - 如何在 HTML 页面中动态添加 mat-icon?
我对 "@angular/core": "~9.1.6", 和 "@angular/material": "^9.2.3" 有一个简单的问题;,，我需要将随机 done 元素添加到 HTML 页面.我尝试将 DomSanitizer 与管道一起使用，但它不起作用. 允许 HTML 标签的管道: @Pipe({名称:'booleanToIcon'})导出类 BooleanToIconPipe
..
扩展 Angular 组件(仅限装饰器)
我正在尝试扩展 Angular Material 组件以提供自定义 CSS .我希望使用相同的组件，但只是更改 CSS .如果是主题，我可以更改属性，但我想更改组件中硬编码的样式.所以，我正在尝试扩展组件.这是我所做的. @Component({选择器:“我的标签导航栏"，样式:[``]//自定义 css 在这里})导出类 TabNavBarComponent 扩展 MdTabNavBar {}
..
动态生成选项卡时，selectedIndex 在 md-tab-group 中不起作用
我正在尝试在角度 2 的材料中设置 md-tab-group 的 selectedIndex 属性，以便我可以在第一个选项卡下方获得动画墨水条.它在标签被静态定义时工作 内容 1内容 2 但是当我使用 *ngFor 动态生成 md-tab 时
..
提交表单后角度材料数据选择器的不同格式
当我选择一个数据时，它会用类似 的格式填充输入 DD/MM/YYYY 但我需要通过表格发送这些数据，当我在我的组件上执行 console.log 时 datapicker.component.ts onFindAWhip(form: NgForm){const value = form.value;控制台日志(值)；} 我得到了一个完整的约会 2017 年 9 月 28 日星
..
在 Angular 页面之外使用 Angular Material 类
我们正在重建我们的 Web 应用程序，并选择使用 Angular 作为前端框架，使用 Google Material 作为主要风格概念，因为它简单且流行. 我们的大部分页面都将成为 Angular 应用程序的一部分，但有些则不是.我们希望在应用程序的任何页面上使用相同的类/样式和主题，并避免代码重复. 主要问题是:如何在没有 Angular 的页面上使用 Angular Materia
..
垫选择下拉位置未对齐
我正在使用一些角度材质组件，但输入框和选择选项元素出现问题.选择选项未正确对齐.当我点击查看选择选项列表时，它显示我在当前 div 之外，或者可以说页面左侧不正确. ng -v Angular CLI:1.7.4节点:8.11.1操作系统:win32 x64角度:5.2.11... 动画、通用、编译器、编译器-cli、核心、表单... http、语言服务、平台浏览器... 平台浏览器动态，
..
如果为 mat-tab-group 设置了 [backgroundColor] 属性，则子控件的波纹效果将丢失
如果为 mat-tab-group 设置了 [backgroundColor] 属性，子控件会失去波纹效果，是否有任何解决方法.? 查看此 Stackblitz 示例以查看问题 解决方案 涟漪效应正在起作用，但我们无法看到它，因为涟漪颜色是白色的.它采用白色，因为您已将 backgroundColor 设置为主要颜色，而您的主要颜色是蓝色，前景色为白色.波纹会自动采用这种前景色.
..
Angular 2 材料，使用远程数据自动完成
我将 Angular 4 与材料 2 结合使用. 我已经使用一组数据成功创建了一些自动完成字段.这是我的控制器: sectorCtrl;所有部门过滤扇区:任何；构造函数(){this.sectorCtrl = new FormControl();this.filteredSectors = this.sectorCtrl.valueChanges.startWith(null).map(n
..
Angular Material - 按字母顺序下拉排序项目
我有一个包含用户名的下拉菜单.我想按字母顺序排序.我怎样才能做到这一点? {{user.displayName}} 解决方案 您可以为此构建自定义 OrderBy 管道. 例如，下面的 OrderBy Pipe 将按您传递给它的 key 对 object a
..
使用 ngFor items 在第一个元素之前显示另一个项目
我想使用 ngFor 显示一个数组，但在第一个元素之前我想显示一张卡片(用户可以点击里面显示一个模式) 代码如下:
..
类型错误:table.renderRows 不是函数
我使用带有数组的 Angular 材质数据表作为数据源.我会使用文档中提到的 renderRows() 方法更新我的表格，每次数据更改. 我有我的 ts 文件 import { Component, OnInit } from '@angular/core';从 '@angular/material' 导入 { MatTableDataSource };从'../ajouttext.ser
..
使用主题颜色的角材料
我正在使用 angular 5 材料，我创建了一个 theme.scss 如下theme.scss @import '~@angular/material/theming';@include mat-core();$custom-primary: mat-palette($mat-deep-purple,600);$custom-accent: mat-palette($mat-lime, 1
..
使用最新的 Angular 材料设计延迟加载 Angular 模块会出错
我使用的是最新版本的 Angular 和 Angular Material.我已经实现了延迟加载功能模块，它在没有材料设计的情况下也能正常工作. 我需要在我的视图中使用以下三个材料组件/模块 - MatSidenavModule，MatIcon模块，MatListModule 只有在实现延迟加载时，才会出现模板解析错误.请附上屏幕截图以查找错误. 我创建了如下的材料共享模块
..
使用 Mat-Tabs 阻止垂直滚动的 HammerJS 滑动
因此，我的 Angular 应用程序中有一个组件，该组件具有用于数据类别的选项卡，以及用于选项卡内容的值数组.我想使用 HammerJS 在选项卡之间滑动以获得更原生的体验.我也安装了这个虚拟滚动包:https://github.com/rintoj/angular2-virtual-scroll 来处理我为每个 mat-tab 下的列表准备的项目数量.我将首先在此处显示数据和标记: 这里构
..
检测单击当前活动选项卡.(角材料选项卡)
我有一个带有不同标签的 mat-tab 组.我想检测活动选项卡标题上的点击. 例如.我有 2 个选项卡 - company 选项卡 和 users 选项卡，每个选项卡内有 2 个视图 - 列表视图视图和详细视图.最初我想加载列表并点击一个项目，想要转到相应项目的详细视图.但是如果我再次单击选项卡标题，我想再次转到列表视图. 有像 (selectedTabChange) 这样的事件，它检
..
角度材料模块无法识别
我在这个错误上浪费了很多时间，我正在开始一个新的 angular5 项目，我想使用 angular 材料.我在 material.module.ts 文件中导入和导出了材质模块: import { NgModule } from '@angular/core';从'@angular/platform-browser' 导入 { BrowserModule };从'@angular/commo
..
如何在角度为 4 的两个 mat-select 中检索对象数组
我有一个对象数组person，每个对象包含一个对象notes数组字段 [{ "id": 0 ,name : "aa" ,notes:[ {"id":0 , "xx" : 14} ,{ "id" : 1 , "xx" : 12},{"id" : 1 , "zz" : 9 } ]} , {"id": 2 ,name : "bb" , notes:[{ "id":0, "xx":"7"}, { "i
..
角度材料模块无法识别
我在这个错误上浪费了很多时间，我正在开始一个新的 angular5 项目，我想使用 angular 材料.我在 material.module.ts 文件中导入和导出了材质模块: import { NgModule } from '@angular/core';从'@angular/platform-browser' 导入 { BrowserModule };从'@angular/commo
..
使用 Mat-Tabs 阻止垂直滚动的 HammerJS 滑动
因此，我的 Angular 应用程序中有一个组件，该组件具有用于数据类别的选项卡，以及用于选项卡内容的值数组.我想使用 HammerJS 在选项卡之间滑动以获得更原生的体验.我也安装了这个虚拟滚动包:https://github.com/rintoj/angular2-virtual-scroll 来处理我为每个 mat-tab 下的列表准备的项目数量.我将首先在此处显示数据和标记: 这里构
..