material-design相关内容

Mat-Stepper - 将特定步骤更改为点

我看过这篇关于如何删除标题的帖子移除 Material Stepper 标头 但我想要在特定步骤上不显示任何显示数字的跨度. 隐藏步进器的内部: 我尝试使用 id 和 .span:after 或仅使用 .span 显示 none,但没有运气.. #importer >.跨度{显示:无;} 这个有效,但我不希望它一起消失......只是数字和特定步骤...... ::ng-d ..
发布时间:2021-11-10 02:15:34 前端开发

Angular 6:material-nav 组件 - 模板解析错误:意外标记“?"在 [isHandset$ | 中的第 20 列异步?'对话框':'导航']

在这里,我正在尝试我的第一个 angular 6 项目,我想在我的项目中使用材料设计.我通过参考 [material.angular.io][1] 成功创建了项目,并为我的导航添加了 material:nav 组件,它创建了导航组件文件,在 .ts 文件中我有类似的东西这个: import { Component } from '@angular/core';从 '@angular/cdk/l ..
发布时间:2021-11-10 02:15:05 其他开发

为什么angular material select会溢出屏幕

我在我的应用程序中使用了角度材质选择,您可以在此处找到 https://material.angular.io/components/select/overview.问题是当我们将选择放在靠近屏幕底部的位置时,当它被打开时,它会溢出屏幕.这是我所经历的截图.需要什么样的css来防止这种情况发生. 解决方案 您可以覆盖分页器面板的默认 ..
发布时间:2021-11-10 02:15:03 前端开发

如何阻止 md-cards 将图像拉伸到完全垂直高度?

我正在我的个人博客上尝试使用 Angular Material,并且我决定尝试在我的主页上实现卡片.在我的 macbook 上一切看起来都很棒,但是当我在 Windows 机器上查看页面时,我的图像被垂直拉伸. 仔细观察后,我的图像似乎被拉伸到了最大高度. 我的代码: 我在 ASP.NET Razor 视图中这样做: @foreach(模型中的变量项){ ..
发布时间:2021-11-10 02:14:00 前端开发

更改 Angular Material Design 标签文本的颜色(Angular 1.3.0 & ngMaterial 0.11)

我设置了一个使用 Angular Material (v10.1) 的 AngularJS 应用程序 (1.3) - 当我点击一个输入字段(例如它处于焦点)设置为使用 Material Design 时,标签文本会更改为默认值蓝色 - 我想将其更改为我选择的颜色,这是最好的方法. 名称 一旦我关注标签上方的输入 ..
发布时间:2021-11-10 02:03:26 前端开发

动态插入 mat-checkbox

我想将 元素动态插入到组件中.我插入了两个 元素.一个静态插入(即直接插入模板文件). 另一个是动态插入的,包含一个和另一个普通的checkbox 第一个(静态插入的)渲染没有任何问题. 也是动态插入的正常输入没有任何问题. 但是动态插入的 没有按预期呈现. component.html: 复选框(静态) ..
发布时间:2021-11-10 02:01:00 其他开发

Material Angular 滚动到 mat-list 上的元素

我有一个包含多个元素的 Angular Material 列表,其中可以选择其中之一. 当我加载此列表时,我想将列表向上滚动到所选元素,以使其更加可见.有什么办法吗? 我正在考虑使用 ngOnInit 之类的东西来检查是否选择了项目,但我真的不知道如何将此列表滚动到该项目. 注意:不应该滚动整个页面,只应该滚动列表中的元素. component.html ..
发布时间:2021-11-10 01:57:14 其他开发

Angular - 模块 AppModule 导入的意外值 MatDialog

我正在尝试将 Angular Material 集成到 Angular 中,但出现以下错误.程序编译成功,但在浏览器中出现此问题. 未捕获的错误:模块“AppModule"导入的意外值“MatDialog".请添加@NgModule 注释.在语法错误 (compiler.js:485)在 eval (compiler.js:15226)在 Array.forEach ()在 CompileMet ..

无法设置角材质 matColumnDef 属性

我有一个数据表,想更改 matColumnDef 属性的值.但是,与 [matColumnDef] 一起使用时,我无法更改它,如下所示: 解决方案 我不太确定你的表是如何设置的,但我可以在这个通用示例中让它工作 控制器 export interface PeriodicElement {名称:字符串;位置:编号;重量:数量;符号:字符串;}const ELEMENT_DATA: P ..
发布时间:2021-11-10 01:54:48 其他开发

如何在 angular 2 的网格中使用 flex 布局和 md-card?

我正在使用“@angular/core":“2.4.10"和“@angular/material":“2.0.0-beta.2".我已经使用 npm 安装了 flex-layout.我想用卡片设计响应式网格.我正在使用 md-grid-list 和 md-card.如何在 md-card 或 md-grid-list 中使用 flex 布局.网格和卡片应该根据窗口/屏幕大小做出响应.预期结果:只要 ..