草庐IT

material-swift

全部标签

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

javascript - 安装 Angular Material, "Failed to instantiate module ngMaterial"即使我使用的是 angular 版本 1.3.0

这非常令人沮丧,我使用的是mean.jsyeoman生成的应用程序,但似乎无法启动和运行AngularMaterial。我读了另一个关于这个问题的stackoverflow问题AngularjswithmaterialdesignFailedtoinstantiatemodulengMaterial.所以我更新了我的bower.json文件并运行了bowerupdate和bowerinstall。它仍然不起作用。在bower更新期间,bower给我这条消息Unabletofindasuitableversionforangular,pleasechooseone:,但我总是选择Angu

javascript - 更改Material Angular 4的Datepicker的语言

如何更改MaterialAngular日期选择器的语言?我在AngularMaterial2的文档中找不到。这是一个plunkrhttps://plnkr.co/edit/unzlijtsHf3CPW4oL7bl?p=preview 最佳答案 import{MAT_DATE_LOCALE}from'@angular/material';&providers:[{provide:MAT_DATE_LOCALE,useValue:'es-ES'}]在tpv.modules.ts中执行此操作

javascript - 当谷歌的JS转换失败时,如何防止显示 Material 图标文本?

当Google的JS无法将它们转换为图标时,如何防止显示Material图标文本?图标在标记中定义如下:icon_name示例:https://archive.fo/CKqKG/scr.png(请参阅顶行按钮)。Material图标文档:https://material.io/icons/这也是Google搜索中的一个问题,Google会实际读取并保存div的文本而不是忽略它。示例:https://i.imgur.com/TixS06y.png我知道一种解决方案是简单地切换到.PNG(由Google提供)。我愿意做任何能减少用户系统(网络)负载的事情。谢谢!