jjzjj

material

全部标签

javascript - Material-UI List 作为 Card 的子项,在主展开时触发所有 onClick

Material-UI、Meteor、React所以我想在卡片中嵌套一个带有onTouchTap(或onClick)函数的下拉列表。它似乎工作正常,不会造成任何麻烦-但是当您展开父卡时,列表中的所有内容都会同时触发onTouchTap。我已经厌倦了将其他Card元素相互嵌套以达到相同的效果。这只是代码的限制,还是有一些变通办法?}primaryTogglesNestedList={true}nestedItems={[}onTouchTap={this.handleAccept(userName,prtNo)}/>,}onTouchTap={this.handleReject(user

javascript - Materialize css select 无法处理 JS 错误

我在使用MaterializeCSS框架选择表单时遇到问题。这是我的表格:ChooseyouroptionOption1Option2Option3MaterializeMultipleSelect$('select').material_select();这是我的slim布局:doctypehtmlhtmlheadmetacontent=("text/html;charset=UTF-8")http-equiv="Content-Type"/titleBudeprace=stylesheet_link_tag'https://cdnjs.cloudflare.com/ajax/lib

javascript - Angular 2 Material Input动态更改占位符

我想动态更改输入占位符的文本。console.log已经给出了更新后的字符串,但界面没有更新,所以旧的占位符仍然存在。如何让界面识别更改?document.getElementById(this.implicKey).setAttribute('placeholder',options[i].implication);console.log(document.getElementById(this.implicKey).getAttribute('placeholder')); 最佳答案 您可以像这样动态更改您的输入占位符Thisf

javascript - Angular Material $mdDialog 隐藏一次后不显示

我的应用程序有一个聊天按钮,可以打开一个$mdDialog。当在对话框窗口中单击用户名时,我使用$mdDialog.hide()关闭对话框窗口。这有效,但是当我再次单击聊天按钮时,它不再有效。感谢您的帮助。Heresalinktomycodepen.HTMLProjectNameFileAction1Action2Action3EditAction1Action2Action3HelpAction1Action2Action3assignmentCommentsupervisor_accountSharechatChatSmileYouGoodlookinGetShwifyCellar

javascript - Material-UI 应用栏自带边距

我用了Material-UI的AppBar组件,它运行良好,但有余量,任何人都有解决方法。我需要去掉边距。 最佳答案 只需插入CssBaseline在要删除其默认边距的任何元素之前标记。喜欢importReact,{Component}from'react';importMainfrom"./Components/Main";importCssBaselinefrom'@material-ui/core/CssBaseline';//or//import{CssBaseline}from'@material-ui/core';cla

javascript - 如何在react material-ui中获取密码字段值

我无法访问的值,如果我不写然后它工作正常,但为此我得到一个类型错误,'this.refs[this._getRef(...)].getInputNode不是一个函数'。dialogAction(tag,e){console.log(this.refs.password);console.log(this.refs.password.getValue());this.refs.dialog.dismiss();}render(){letself=this;letrow=this.row,col=this.column;letstandardActions=[{text:'Cancel',

javascript - 更改 Google 堆积条形图颜色( Material 条形图)

vardata=google.visualization.arrayToDataTable(stats_data);varoptions={width:1400,height:400,legend:{position:'top',maxLines:3},bar:{groupWidth:'75%'},isStacked:true,bars:'vertical',colors:['#999','#346ac9','#279423','#fc9826'],};varchart=newgoogle.charts.Bar(document.getElementById('chart-recent

javascript - 为 Angular Material 配置深色主题

我正在为我的网络应用程序设计,我想要一个与看到的类似的深色主题here.遗憾的是我找到了AngularMaterialThemingDocs很难理解;没有提及每种颜色将在哪里使用,如何设置背景颜色或文本颜色等。我目前正在使用:.config(function($mdThemingProvider){$mdThemingProvider.definePalette('coolpal',{"50":"#d9ddec","100":"#a6b1d2","200":"#8190bf","300":"#5468a5","400":"#495b90","500":"#252830","600":"

javascript - 如何使用 Angular Material 动态删除 `md-tooltip`?

我有一个基本的md-button,里面有一个md-tooltip。虽然,如果用户使用移动设备,我需要一种方法从我的网站全局删除所有工具提示。HelloThisisabuttonstooltip加载模板并运行指令后,上面的内容将转换为以下内容:Hello按钮元素不再包含md-tooltip,否则我会简单地删除工具提示元素。想要这样做的原因是因为在移动设备上,md-tooltip占用了按钮点击。因此,在第一次单击时显示工具提示,在第二次单击时显示按钮单击操作。这绝对不是理想的效果。如何从我的页面上的所有元素中删除所有工具提示,以便我的按钮点击操作是第一次点击/点击而不是第二次?

JavaScript:具有破坏性的箭头函数?

这个问题在这里已经有了答案:WherecanIgetinfoontheobjectparametersyntaxforJavaScriptfunctions?(1个回答)关闭4年前。关于MDN,下面的代码被用作如何使用箭头函数编写更短函数的示例。varmaterials=['Hydrogen','Helium','Lithium','Beryllium'];materials.map(function(material){returnmaterial.length;});//[8,6,7,9]materials.map((material)=>{returnmaterial.lengt