草庐IT

materialization

全部标签

javascript - 浏览器对 Angular Material 的支持

我想在我的下一个元素中使用AngularMaterial。https://material.angularjs.org我没有找到关于它支持哪些浏览器的任何文档。任何人都知道它的内部运作方式以及会发生什么?据我了解flexcss属性,例如IEflexcss的情况下使用吗?http://caniuse.com/#feat=flexbox 最佳答案 AngularMaterial使用CSS3Flexbox,支持的浏览器有:IE11+,Chrome,Safari,火狐,Android4.2+和iOS8+。更多详细信息,请访问angularj

javascript - 将 Material UI 函数转换为类

如何将React函数转换为类?我不明白如何更新函数中的const{classes}=props;以供类使用。这是MaterialUI中的按钮功能:https://material-ui-next.com/demos/buttons/importReactfrom'react';importPropTypesfrom'prop-types';import{withStyles}from'material-ui/styles';importButtonfrom'material-ui/Button';conststyles=theme=>({button:{margin:theme.spa

javascript - 将颜色渐变应用于网格上的 Material - three.js

我将一个STL文件加载到我的场景中,并将单一颜色应用于phongMaterial我想要一种将两种颜色应用到此网格Material的方法,并在Z轴上应用渐变效果,如下例所示。GradientVase]1我觉得我可能必须引入着色器,但我对three.js还没有做到这一点。 最佳答案 简单的渐变着色器,基于uvs:varscene=newTHREE.Scene();varcamera=newTHREE.PerspectiveCamera(60,1,1,1000);camera.position.set(13,25,38);camera.l

javascript - 如何将同一个 Controller 与 Angular Material 对话框一起使用?

我在我的项目中使用AngularMaterial。我使用了很多对话框(只是为了提醒目的),但我现在需要一个相当复杂的对话框。这是AngularMaterial网站使用的示例:functionshowDialog($event){varparentEl=angular.element(document.body);$mdDialog.show({parent:parentEl,targetEvent:$event,template:''+''+''+''+'Number{{item}}'+''+''+''+''+''+'CloseDialog'+''+''+'',locals:{item

javascript - 未聚焦时 Angular Material 输入不显示值

我正在使用AngularMaterial1.0.3和元素已正确设置,但如果我单击一个元素以使其聚焦,则它们的值是可见的。一旦它没有聚焦,我就看不到它的值(value)。标记如下:Somelabel在检查它是否是CSS问题后,我发现以下CSS选择器正在转向color进入transparent:md-input-container:not(.md-input-has-value)input:not(:focus){color:transparent;}显然,输入似乎没有.md-input-has-valueCSS类。目前,我无法弄清楚出了什么问题。附加信息在我的例子中,与AngularMa

javascript - 如何将一个数组项传输到另一个数组并使用 Angular Material Drag n Drop CDK 更新它,而无需两个项目都绑定(bind)到相同的参数

我正在使用AngularMaterialDragNDropCDK将一组默认项目(列表1)移动到动态项目列表(列表2)。当我将默认项目(L1)拖到动态项目(L2)中,然后更新现在的动态项目(NewL2Items)时,它也会更新默认项目(OldL1Item)。当您将默认项(L1)拖到动态项(L2)时,默认列表(L1)会使用resetList方法重置回其原始数组。我的目标是更新现在的动态项目(新L2项目)并可能将相同的默认项目(已重置的旧L1项目)拖到动态列表(L2)中,创建另一个新的动态项目(另一个新的L2项目)。我遇到的问题是,当我将默认项(L1)拖到动态列表(L2)中时,然后将新的动态

javascript - Angular 5, Angular Material : Datepicker validation not working

我正在使用最新的Angular和最新的AngularMaterial。我有一个日期选择器,我想添加一些验证。文档说required属性应该开箱即用,但它似乎不像其他表单元素那样处理错误。这是我的标记:YourdateofbirthisrequiredThisworksonthehappy-path,sowhenadateispicked,thedateendsupintheexpectedpropertyinmyService.然而,验证并没有按照我期望的方式进行;在这种情况下,如果我点击进入该字段然后在没有输入日期的情况下离开该字段,那么输入确实获得红色样式,但是通常的[contro

javascript - 带有 Material-UI 的 ReactJS : How to sort an array of Material-UI's <TableRow> alphabetically?

目前,我渲染Material-UI的's(http://www.material-ui.com/#/components/table)与一个数组s并使用.map().每个有一个代表名字,像这样Josh.但是,如果用户按下按钮,我想对进行排序按's字母顺序排列名。所以说例如10s,如果数组[0]的名字是Conny,而数组[1]的名字是Adrian,则希望数组[1]成为数组[0]。正确的做法是什么?任何指导或见解将不胜感激。编辑每一行都会像数组rows那样呈现,具有属性为firstName的对象和favColor:{rows.map((row)=>{return()})}每行定义如下:co

javascript - 找不到模块 : Can't resolve 'material-ui/styles/colors'

我有以下代码,未编译:importReactfrom'react';import{AppBar,Toolbar}from'material-ui';import{Typography}from'material-ui';import{MuiThemeProvider,createMuiTheme}from'material-ui/styles';import{cyan,red}from'material-ui/colors';import{red400}from'material-ui/styles/colors';consttheme=createMuiTheme({palette:

javascript - 如何根据 Material UI (React JS) 中的要求制作一个 'Select' 组件

除非有选择的选项,否则我想用红色显示错误。有什么办法吗。 最佳答案 要使用MaterialUI设置必填的Select字段,您可以:classSimpleSelectextendsReact.PureComponent{state={selected:null,hasError:false}handleChange(value){this.setState({selected:value});}handleClick(){this.setState(state=>({hasError:!state.selected}));}rende