jjzjj

material-components-android

全部标签

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 - Vue 2.0 : Passing asynchronous data to child component

我有一个父Vue组件,它通过prop将数据传递给它的子组件,但数据是异步可用的,因此我的子组件初始化为未定义的值。在数据可用之前,我该怎么做才能阻止初始化?父级:varemployees=newVue({el:'#employees',data:{...},methods:{fetch:function(model,args=null){leturl="/"+model+".json"console.log(url);$.ajax({url:url,success:((res)=>{console.log(res)this[model]=res;this.isLoading=false

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 - 是否可以将 var styles = StyleSheet.create 从 React.component 分离到不同的脚本中?

是否可以在ReactNative中将varstyles=StyleSheet.create从React.component分离到不同的脚本中? 最佳答案 这是可能的。只需使用此模式创建一个js文件:'usestrict';varReact=require('react-native');varmyStyles=React.StyleSheet.create({style1:{},style2:{})}module.exports=myStyles;然后在您的组件js中使用require来使用该样式表,例如假设你的样式js文件被命名为

javascript - React Styled Components - 如何访问原始 html

我有一个组件的引用,我正在将其转换为styledcomponent在我的应用程序中。ref用于访问组件的原始html元素上的offsetHeight和scrollHeight属性。将此组件切换为样式化组件后,ref现在指向样式化组件而不是原始html元素,我不确定如何引用基本元素。这能做到吗?例子:constTextArea=styled.textarea`display:block;margin:00018%;padding:4px6px;width:64%;font-size:1rem;color:#111;`;exportdefaultclassInputextendsCompo

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

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

javascript - 如何使用android phonegap上传文件?

我使用androidphonegap创建了应用程序。我想上传文件((即,当我点击上传按钮时,文件选择对话框将打开,然后我选择文件,然后点击该对话框中的打开按钮。)我在phonegapAPI中使用文件传输,但输出不是那样的。如何修改phonegapAPI中的文件传输以选择要上传的文件(打开对话框,从该对话框中选择文件)?我也用来自html。但phonegap不支持输出是选择文件按钮,但当我单击该按钮时,没有任何反应。单击按钮时如何打开文件对话框并从对话框中选择文件?请指导我。提前致谢。 最佳答案 Phonegap插件是必经之路。git

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.