草庐IT

materialization

全部标签

javascript - 如何使用 React JS 在 Material UI 中使整个 Card 组件可点击?

我正在使用MaterialUINext在React元素中。我有一个Card组件,里面有一个图像(CardMedia)和一个文本(CardText)。我在文本下方也有一个按钮。我的问题是..如何使整张卡片可点击?IE。无论用户按下卡片文本、卡片图像还是按钮,都应该触发我在按钮上调用的onClick事件。 最佳答案 Updateforv3—29ofAugust2018AspecificCardActionAreacomponenthasbeenaddedtocoverspecificallythiscaseinversion3.0.0o

javascript - 创建自定义 Angular Material 主题时最好的方法是什么?

我正在尝试了解如何最好地使用Angular-material主题:Google提供范围广泛的colorpalettes,并且还提供了有关如何easilyswitchbetweenpalettes的指南.我看过这个question,并找到了一堆工具来围绕主色生成调色板(tool1,tool2)虽然当从设计师那里获得定制设计时,会选择不同的颜色,但我发现很难将设计颜色作为一个完整的主题来实现,因为要考虑的变量太多(例如悬停色调、墨水波纹色调等)。我的问题是:作为开发者,我可以从交付给我的每个设计(通过JS主题或CSS覆盖),或者是否有任何限制需要考虑?设计师是否应该考虑一些准则创build

javascript - Angular Material 和 Safari 浏览器

我注意到Safari不能很好地与AngularMaterial配合使用。看起来兼容性问题无处不在:样式、布局等。有没有其他人遇到过这些问题并且对如何很好地解决这些问题有很好的建议? 最佳答案 在提问的时候,Safari中的AngularMaterial确实存在问题:布局(主要是与flex相关的问题)对话框(位置计算错误/对话框折叠)性能(一些精美的动画,包括涟漪、点击坐标缩放等)您在v0.10.1版本中使用AngularMaterial,实际上一般情况下存在很多问题。然而,如今(实际上在AngularMaterialv1.x之后),

javascript - Bootstrap (4) 可以与 Angular Material (2) 一起集成吗?

我想使用AngularMaterial2库,因为它的(不断增加的)组件列表。但我习惯于Bootstrap,它是响应式实用程序和典型事物的轻量级UI之类的好东西。我所说的Bootstrap主要是指它的CSS部分,我几乎从不需要它的JS功能。例如,在Materiallilbrary中,列表组的样式几乎为零,而Bootstrap则通过其css提供了样式。我记得读过,将它们结合起来并不是一个好主意,主要是因为它们的全局应用程序范围样式会发生冲突。我找不到那个来源,我很好奇-当前版本是这样吗?如果是这样,究竟有什么冲突以及如何解决? 最佳答案

javascript - 如何使用 ReactJS 通过 Material UI Dialog 提交表单

我使用MaterialUI对话框制作了一个表单列表。官方案例:Thisdialogspanstheentirewidthofthescreen.Action是:constactions=[,,];如何构建表单并让Dialog可以提交我的表单数据?---------------------------------------------更新--------------------------------------------还有一个答案:在Dialogactions按钮中添加type和form属性:constactions=[,,];并在对话框中为表单提供属性id://herecanp

javascript - 切换 Material Design Lite 复选框

我正在使用MaterialDesignLite复选框,并尝试使用JavaScript选中或取消选中该元素。我试过这个:document.getElementById("checkbox-1").checked=true;那是行不通的。我用jQuery尝试了同样的方法:$("#checkbox-1").prop('checked',true);那也没用。任何帮助将不胜感激。 最佳答案 目前,这个组件在1.0.0中有一个错误,它没有作为一个小部件公开。这已得到修复。目前在master中,几天后在1.0.1补丁中,它将以稳定的版本提供给每

javascript - 我如何使用 Angular Material 创建卡片网格?

我正在尝试使用ng-repeat创建每行三张卡片的网格。我有一个普通的javascript对象数组附加到作用域。下面的代码将为每张卡片创建一个新行。{{post.title}}{{post.summary}}ViewMore如何遍历我的数组并以三行显示卡片?我看了thispost和thispost但我看不出它们如何适用于angularmaterial 最佳答案 我已经创建了一些与您可能想要的类似的东西。md-card被包裹在具有layout-wrap的div中。读取后动态生成div。代码如下:{{user}}Loremipsumdo

javascript - material-ui中的文本区域

有人可以帮助我使用material-ui库将TextField个性化设置为TextArea吗?我没有找到任何应​​该将其个性化为TextArea的参数:https://github.com/callemall/material-ui/blob/v1-beta/src/TextField/TextField.d.ts这是文本区域:https://material.io/guidelines/components/text-fields.html#text-fields-field-types(CMD/Ctrl+F'文本区')。Textareasaretallerthantextfield

javascript - 错误 TS2315 : Type 'ElementRef' is not generic material angular

在项目中添加AngularMaterial时出错ERRORinnode_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(136,20):errorTS2315:Type'ElementRef'isnotgeneric.node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts(154,104):errorTS2315:Type'ElementRef'isnotgeneric我正在尝试安装MaterialDesign,但

javascript - Angular 2 Material : sidenav toggle from component

我在我的项目中以这种方式使用Angular2Materialsidenav:Close如何从我的组件调用start.toggle()而不是带有点击事件的元素?感谢阅读 最佳答案 你想在你的Controller中声明一个ViewChild来引用你组件中的MdSidenav,像这样://Sidemenu@ViewChild('start')sidenav:MdSidenav;其中start是您要引用的组件的名称,在本例中为sidenav。接下来,您可以在该sidenav上调用方法,例如在您的Controller函数中调用this.sid