草庐IT

Material-design

全部标签

javascript - 单击 Raised Button Material ui 打开 "choose file"对话框

我的React项目中有一个float按钮(Materialui)。我想在每次单击时打开“选择文件”对话框。我没有得到任何解决方案来做到这一点。我试过这样做但没有奏效。而且我不想使用jquery。有人可以告诉我我到底需要做什么吗? 最佳答案 基本示例(不包括如何处理所选文件):this.upload=ref}style={{display:'none'}}/>this.upload.click()}>因此,您的FloatingActionButton的onClick处理程序手动触发隐藏文件上传控件(输入类型="file")的click

javascript - 在Angular 5中将AMP与Material Design Lite一起使用

我想创建一个带有Angular5的电子商务渐进式Web应用程序。如何在GoogleMaterialDesignLite中将AMP与Angular5一起使用?如果它不具有可伸缩性或可行性,那么还有哪些其他好的选择呢? 最佳答案 我假设您已经对使用AngularUniversal进行SSR/服务器端渲染非常熟悉,然后再进行其他操作。由于,AMP上不允许使用自定义JavaScript。话虽如此,让我们谈谈AMP标准和限制,并看看涉及Angular时可能出现的问题。1.Howdoesawebsite/appimplementAMP,inmy

javascript - react | Ant design 选择默认值

我正在使用antdesign在我的项目中。这里我有一个选择作为动态字段。当我尝试为选择设置默认值时。它不起作用。JackLucyyiminghe我将默认值设置为lucy但它不起作用复制代码:https://codesandbox.io/s/6x3qv6wymr 最佳答案 根据documentation,您不应将value或defaultValue与getFieldDecorator一起使用。AfterwrappedbygetFieldDecorator,value(orotherpropertydefinedbyvaluePropN

javascript - Angular Material Datepicker 为空

我目前正在使用Angular构建Web应用程序,并且我正在为某些UI组件使用AngularMaterial。目前,我有一个无法解决的问题。当我使用https://material.angularjs.org/latest/demo/datepicker中描述的日期选择器时,窗口打开但它仍然是空的。这是日期选择器的代码片段。{{'start_register_error_birthDate_required'|translate}}我的导入是否有问题? 最佳答案 使用旧版本的Angular,比如1.5.9。Angular1.6禁用Co

javascript - ant design 选择占位符问题

我在我的React应用程序中使用antddesign。这是我遇到问题的代码片段:现在,如果this.state.company不是null,它会显示选择的正确值。但是,如果this.state.company为empty或null,则不会显示占位符。如何解决这个问题,以便在value为null时显示占位符? 最佳答案 将this.state.company设置为未定义而不是null。 关于javascript-antdesign选择占位符问题,我们在StackOverflow上找到一个类

javascript - Angular Material mdTabs - 如何只获得标签动画的效果而不是内容?

我想获得当有人单击选项卡时的动画效果,并且该选项卡下方的边框向右滑动,按钮具有漂亮的波纹效果。我不想使用标签里面的内容,我只是想要标签效果。如您所见,单击第二个选项卡将使边框向右滑动,但内容也会向左移动。作为效果的一部分,我只希望选项卡按钮向右滑动。我怎样才能做到这一点? 最佳答案 你可以在样式中添加这个[role="tabpanel"]{transition:none;} 关于javascript-AngularMaterialmdTabs-如何只获得标签动画的效果而不是内容?,我们在

javascript - Material design lite,检查滚动是否到达底部

我正在使用MaterialDesignlite和Angular.js。当事件到达底部时无法调用事件。我几乎尝试了所有解决方案,但没有奏效。像jQuery解决方案:$(window).scroll(function(){if($(window).scrollTop()+$(window).height()==$(document).height()){alert("bottom!");}});或者Javascript之一:document.addEventListener('scroll',function(event){if(document.body.scrollHeight==do

javascript - Material-UI TextField 上下文脏

我试图更好地了解如何使用material-ui的FormControl或TextField组件检查是否脏。TextFielddemopage的文档状态:TextFieldiscomposedofsmallercomponents(FormControl,InputLabel,Input,andFormHelperText)thatyoucanleveragedirectlytosignificantlycustomizeyourforminputs....在TextFieldAPIdocs上它指出:Thepropertiesofthecomponentarealsoavailable.

javascript - 测试传递给 Angular Material Dialog 实例的 Controller

首先,我正在尝试对传递给AngularMaterialDialog的Controller进行单元测试。实例。作为一个一般性问题,单独测试这样的Controller更有意义,还是实际调用$mdDialog.show()更有意义?我正在尝试第一种方法,但遇到了一些问题,主要与AngularMaterial如何将“局部变量”绑定(bind)到Controller有关。这是我用来在我的源代码中调用对话框的代码,它按预期工作:$mdDialog.show({controller:'DeviceDetailController',controllerAs:'vm',locals:{deviceId

javascript - 延迟并手动初始化 mdl materialLayout

奇怪的错误......我有一个竞争条件,我的header和drawer的angularJS指令正在编译aftermaterial-design-lite初始化布局。这似乎只发生在我关闭wifi并离线工作时。不需要远程资源,尽管google标签管理器和facebook连接插件在网络选项卡中失败。问题:我可以延迟MDL的自动初始化吗(我看到它发生在页面的onload上?我可以手动重新初始化mdl布局,以便它重新正确构建抽屉按钮等吗?有没有人知道为什么离线会导致任何渲染/javascript问题?我已经尝试过window.componentHandler.upgradeAllRegister