jjzjj

abc_switch_thumb_material

全部标签

javascript - 更改自定义主题 Material-UI

我正在使用Material-UI对于React项目。但是,我不确定如何在全局范围内应用主题。这里我尝试了单个组件import{MuiThemeProvider,createMuiTheme}from'@material-ui/core/styles';importCardCommonfrom'../../common/card/CardCommon';importpurplefrom'@material-ui/core/colors/purple';importButtonfrom'@material-ui/core/Button';import{Link}from'react-rou

javascript - 为什么不能使用 "switch"技术从 HTML 更改范围值?

我有简单的Controller代码:JS$scope.showErrorAlert=false;$scope.switchBool=function(value){value=!value;};HTML×Error!{{errorTextAlert}}从代码片段中您可以看到我尝试更改$scope.showErrorAlert值。但是它不起作用,value发生了变化,但showErrorAlert没有变化。有人能告诉我为什么以及如何让它工作吗?谢谢 最佳答案 JS按值传递参数。通过引用传递的一个简单替代方法是传递一个对象(而不是属性本

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 - React.js 中可以有多个 <Switch> 吗?

我正在构建一个没有Redux的React项目。我希望有两个,或者在本例中有3个不同的开关当用户登录时,第一个开关将能够在主页(普通网站)和用户页面(仪表板)之间切换...然后每一个这也将是切换器,因此Home将在Home组件之间切换,而UserPage将在UserPage组件之间切换。这可能吗?MainSwitcherHomePage(Switch)DashboardHomeAboutContact,CareersMyProfile,Courses,Classes,Donations...这就是项目的外观和结构。 最佳答案 您可以根

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

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

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 - 在 switch Javascript 案例中使用字符串 "includes()"

在Javascript中,有没有办法实现类似的东西?constdatabaseObjectID="someId";//like"product/217637"switch(databaseObjectID){caseincludes('product'):actionOnProduct(databaseObjectID);break;caseincludes('user'):actionOnUser(databaseObjectID);break;//..alonglistofdifferentobjecttypes}这更像是一个了解switch/case可能性的好奇心问题,因为在这种

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.