草庐IT

Meta-material-enhanced

全部标签

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 - Vue-meta:metaInfo 无法访问计算属性

我正在使用vue-meta来动态更改我的元标记。我只想在某些特定页面上更改它。我正在使用metaInfo函数并尝试更改,例如,标题。但是来self的getter的数据是未定义的,这就是为什么我不能更改元标记中的标题。似乎metaInfo函数尝试在组件实际拥有数据之前访问数据。这是我在组件中的代码:...exportdefault{metaInfo(){return{title:this.getViewPage.data.meta.title,//dataisundefined};},created(){this.loadViewPage();},computed:{...mapGett

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 - 如何在 polymer 中设置动态 Meta 标签和 Open Graph 标签?

我有一个我一直在开发的polymer节点站点,但我不知道如何包含动态元标记和开放图谱标记。Jquery不会工作,也不会使用polymerapi添加节点,因为它会在页面加载后添加所有标签,而facebook将无法读取标签。Google抓取工具确实会呈现该页面,但最好是我可以在header中设置描述。grouppages设置数据并使用服务根据url填充页面,但我不知道如何根据页面更改元标记。有人有什么想法吗?一个想法是获取信息服务器端并将其发送到polymer,但我仍然不确定节点和polymer之间是否可行。 最佳答案 这绝对是一个悬而

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

javascript - 带有 [ngmodel] 的 Angular Material 2 日期选择器

我正在尝试将我的日期属性绑定(bind)到mat-datepicker的输入,作为响应式(Reactive)表单组的一部分。我的所有方法都不起作用,因为我的提交按钮设置为禁用,除非表单有效:组件.ts:start:Date.now()startDate:"1/1/2018"this.ShiftForm=newFormGroup({startingDate:newFormControl(this.startDate),startTime:newFormControl(),endingDate:newFormControl(this.endDate),endTime:newFormCont

Android:如何使用 XML drawable 创建精确的 Material 设计阴影

我想制作一个XMl可绘制文件,尽可能接近Lollipop及更高版本上的Material设计高度。我目前有一个甚至没有接近的阴影,因为我不知道我应该使用什么渐变。有人能想出至少比我的更好的解决方案吗?谢谢。 最佳答案 您需要在布局资源文件中定义高程以放置阴影。在您的layout.xml文件中,它应该看起来像这样 关于Android:如何使用XMLdrawable创建精确的Material设计阴影,我们在StackOverflow上找到一个类似的问题: https