草庐IT

material-code-input

全部标签

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 - 从代码生成的 INPUT 元素中选择文件后,不会触发事件 onChange

我正在玩JavaScript并编写了创建INPUT元素(type="file")并模拟点击的简单函数。varcreateAndCallFileSelect=function(){varinput=document.createElement("input");input.setAttribute("type","file");input.addEventListener("change",function(){console.log(this.files);},false);input.click();}它大部分时间都很好用,但有时它不会在选择文件时触发onChange事件(或者在IN

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 - 如何使用 "input propertychange"事件捕获鼠标复制粘贴

我想捕获文本区域中发生的更改(键盘输入,以及复制和粘贴),对于我使用的键盘输入选项:$("textarea").keyup(function(){//ajaxcallhere});我添加这个是为了捕获鼠标粘贴或剪切然后在文本区域触发keyup事件:$("textarea").on('inputpropertychange',function(){$(this).trigger(keyup);});这里的问题是,如果我按下键盘上的一个键,我会收到2个ajax调用,因为第二个函数也捕获keyup事件。有没有办法阻止$("textarea").on('inputpropertychange'

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 - AngularJS 中 input[date] 和 Moment.js 的绑定(bind)

为了提出问题,我准备了一个简化的例子:......angular.module('dateInputExample',[]).controller('DateController',['$scope',function($scope){$scope.selectedMoment=moment();//...morecode...}]);基本上,我只需要在模型(moment.js的日期)和View(输入[日期]字段)之间进行绑定(bind)即可正常工作——当模型更新时,日期输入也会更新,反之亦然。显然,尝试上面的例子会给你带来模型不是Date类型的错误。这就是为什么我要问有经验的Angu

javascript - 类型错误 : redeclaration of let error in Firebug console if running ES6 code

我正在学习ES6,所以请耐心等待。以下是运行良好的代码,如果我单击Run按钮一次,但在第二次单击时它开始显示TypeError:redeclarationofletmyArr错误。让我知道这种奇怪的(可能不是)行为。letmyArr=[34,45,67,2,67,1,5,90];letevenArr=[];letoddArr=[];myArr.forEach(x=>{if(x%2===0){evenArr.push(x);}else{oddArr.push(x);}});console.log(evenArr);console.log(oddArr);错误-

javascript - WebSocket 握手 : Unexpected response code: 404

我正在编写我的第一个websocket程序并在加载网页时遇到“WebSocket握手:意外响应代码:404”错误。我正在使用JDK1.7和jboss8(wildfly8.0)。有人可以帮忙吗?window.onload=init;varsocket=newWebSocket("ws://localhost:8080/WebsocketHome/actions");socket.onmessage=onMessage;在html中头部 最佳答案 谢谢大家的建议,我找到了答案。我复制的代码来自http://www.oracle.com/