angular-material2相关内容

Angular Validators:我可以根据验证器为表单元素添加样式吗?

我将 Angular 与 Forms 版本 4.1.0 和 Material 版本 2.0.0-beta.8 一起使用.我有一些字段需要根据存储在数据库表中的配置标记为必填字段,因此所需的特定字段可能会根据该配置而更改,并且在开发时是未知的.我正在根据该配置在我的表单控件上动态设置 Validators.required,这一切正常(即,如果您在访问它们后将它们留空,则相应的字段将变为红色). ..

从整个角度的应用程序创建角度库

我使用材料模块作为 UI 界面的 angular 5 应用程序,我为我的所有项目创建模板,我希望项目使用这个应用程序作为库,我对模板 [侧边栏,导航栏] 的一般部分的更改更新库并适用于所有项目.这是一个好模式吗?如果可能,如何在角度 5 中执行此操作? 解决方案 如果你想创建一个可重用的库你可以使用 ng-packagr ng-packagr 是一个可以将 TypeScript 库编译并打 ..
发布时间:2021-11-10 02:37:57 其他开发

如何在 md-toolbar 中定位 md-toolbar-row 元素

我试图将 justify-content:center 置于工具栏内容的中心.在定位工具栏时,我可以看到扩展的元素,其中之一是 md-toolbar-row ,其中给 justify-content:center 中心内容(仅在调试时中心通过开发者工具). 这是 plunker:https://plnkr.co/edit/qh3Kqi9GDXIL4H1HTzFu?p=预览 如何将内容居 ..
发布时间:2021-11-10 02:37:52 前端开发

Angular Material 的对话框无法正确显示

所以我使用 Angular Material 2 来构建我的网站,当我尝试打开一个对话框时,它会在页面的末尾打开,而不是在页面的中心,就像它应该做的那样,有点像它没有尊重覆盖规则. 我的 AppComponent,我在其中声明了我的对话框组件,如下所示: import { Component, OnInit } from '@angular/core';从'@angular/platfo ..
发布时间:2021-11-10 02:37:46 其他开发

Angular Material 和 MaterializeCSS 碰撞

我想在利用 Materialize CSS 的实用程序(文本颜色、排版、按钮...)的同时使用 Angular Material 的组件.但是,这两个库似乎不能同时工作.如果我尝试包含 Angular Material 和 Materialize(仅限 css 文件),则样式看起来会损坏. 现在想想,即使是每个库需要的 HTML 也是不同的(当然我说的是最终编译的 html).有谁知道如何克 ..
发布时间:2021-11-10 02:37:43 其他开发

如何正确使用 Angular2 MaterialDesign 中的自动完成组件?

我一直在尝试使用 Angular Material2 的自动完成组件.但我有一些疑问. 如何从 HTTP 服务加载建议数据,并动态过滤此列表? 如何访问组件中选定的选项(对象)? 有什么方法可以使用 HTML(多行值)格式化所选选项,例如使用 pTemplate 在 PrimeNg 自动完成上? 示例: https://embed.plnkr.co/vR9QLk/ 解 ..
发布时间:2021-11-10 02:37:40 其他开发

角材料 2 md-list 奇偶样式

我正在尝试为 md 列表中的奇数/偶数行设置不同的背景.不确定这是否支持使用 Angular Material 2 - Md-list 组件,因为我没有看到任何关于此的文档. 我相信 angular 2 支持使用 ng-class-odd/ng-class-even 解决方案 你应该在你的组件中使用以下样式 .mat-list >.mat-list-item:nth-child(2 ..
发布时间:2021-11-10 02:37:37 其他开发

角度材质树中的对象数组

我想将 object.names 树显示为可扩展节点,当用户单击 object.name 时,该对象的所有属性(名称除外)都应显示为叶节点.我遵循了本教程 https://material.angular.io/components/tree/overview 创建一个扁平的树. 您会看到他们将这种结构用于数据源: ...{name: '水果',孩子们: [{名称:'苹果'},{名称:'香 ..

将组件的大小限制为包含 div 的高度

我有一个布局,其中顶部有一个工具栏,左侧有一个侧栏,其余的是内容. sidenav 包含一个搜索框和一个项目列表.我想要的结果是 sidenav 高度将是它所在行的大小,并且列表将溢出并在该高度内滚动.但是我无法让内部滚动工作,因为内部组件的高度大于包含 div 的高度,并且设置 height: 100% 不起作用. 现在的样子: 你可以看到左边的整个组件都溢出了(我想用 ove ..
发布时间:2021-11-10 02:37:17 前端开发

使用 angular 2 Material Design 设计风格的最佳方式是什么

我是 angular 2 材料设计的新手,我看到的是 3 类主要、强调和警告,它们为元素提供了相应的颜色,这些是我们可以使用 angular 材料 2 设计应用程序样式的唯一东西吗?还有其他班吗?这样我们就可以根据自己的目的修改和使用它,或者我们必须通过创建类并附加到元素来从头开始设计我们的应用程序, 我也想使用主题,但我不知道如何在 angular 2 项目中使用它,我正在关注官方文档这个 ..
发布时间:2021-11-10 02:37:14 前端开发

Safari 上的 Flexbox 布局在移动视图中不起作用

我在我的网站上使用@angular/flex-layout 和@angular/material,但我在使用 safari 时遇到了 Smith 我的移动布局问题. 这只发生在窗口对于 md 或 xs 规则来说足够小 在 Chrome 上,它看起来像这样: 但是在 safari 上它看起来像这样: 这是一个包含它发生的代码的plunk:https://embed.plnkr ..
发布时间:2021-11-10 02:37:11 其他开发