草庐IT

material-components-android

全部标签

javascript - react : 'this.state' is undefined inside a component function

我在组件内的函数中访问this.state时遇到问题。我已经找到了this关于SO的问题并将建议的代码添加到我的构造函数中:classGameextendsReact.Component{constructor(props){super(props);...this.state={uid:'',currentTable:'',currentRound:10,deck:sortedDeck};this.dealNewHand=this.dealNewHand.bind(this);this.getCardsForRound=this.getCardsForRound.bind(this)

javascript - 未知 Prop - React 和 Material-UI

目前我正在使用react和material-ui,我的组件中有以下代码。Areyousurethatyouwanttoproceed?我已经导入了importReactfrom'react';importDialogfrom'material-ui/Dialog';importFlatButtonfrom'material-ui/FlatButton';但我总是收到以下错误信息Warning:Unknownprop`onKeyboardFocus`ontag.Removethispropfromtheelement.Warning:Unknownprop`keyboardFocused

javascript - 通过 node.js 发送 android 推送通知

我最近一直在尝试向我的android和ios设备发送推送通知。对于ios,我发现node-apn模块将用于处理此问题,但对于android,我还没有遇到过任何此类问题。任何帮助将不胜感激。 最佳答案 还有另一种选择;android-gcm.它非常易于使用。文档中的代码示例:vargcm=require('android-gcm');//initializenewandroidGcmobjectvargcmObject=newgcm.AndroidGcm('API_KEY');//createnewmessagevarmessage=

javascript - 如何使用具 Angular materialize-css

我用angular-cli创建了一个angular4元素。我要materialize-css@next图书馆。所以我已经使用安装了它npminstallmaterialize-css@next--save所以这个安装"materialize-css":"^1.0.0-alpha.2",然后在angular-cli.json中我添加了对css和js文件的引用"styles":["styles.css","../node_modules/materialize-css/dist/css/materialize.css"],"scripts":["../node_modules/materi

javascript - 仅使用 Angular-Material 切换 sidenav?

我想要一个在任何屏幕尺寸下默认关闭的侧边菜单,并且将始终在其他内容之上打开。不管我怎么尝试,它总是以超过960像素的宽度切换。这是我的菜单现在的样子:Stuff还有我的Controller:.controller('HomeCtrl',function($scope,$mdSidenav){$scope.toggleMenu=function(){$mdSidenav('right').toggle();};})我从website得到了is-locked-open但我在他们的javascript中找不到任何地方。 最佳答案 您可以使

javascript - 如何使用javascript检测iPhone/Android从 sleep 中醒来

我正在构建一个使用sockets.io的网站/网络应用目前,如果用户正在iPhone上使用safari,并且他们锁定了屏幕(变黑),我的套接字连接已关闭。这很好,我想要这个。但是当他们解锁屏幕(或从sleep中醒来)时。我想用javascript检测这个事件,这样我就可以重新连接我的套接字。这可能吗??谷歌对这个话题的关注度不高。 最佳答案 没关系,我想通了window.addEventListener("pageshow",function(){alert("pageshown");},false);

javascript - three.js 改变 Material 的纹理

我正在three.js中的网格上设置纹理,当它加载时它看起来也是我想要的:texture=THREE.ImageUtils.loadTexture("textures/hash.png");texture.needsUpdate=true;uniforms={color:{type:"c",value:newTHREE.Color(0xffffff)},texture:{type:"t",value:texture},},vertexShader="varyingvec2vUv;voidmain(){vUv=uv;gl_Position=projectionMatrix*modelVi

javascript - react .js : Is it possible to namespace child components while still using JSX to refer to them?

假设我有一个名为ImageGrid的组件定义如下:window.ImageGrid=React.createClass({render:function(){return();}});如您所见,它包含一个名为ImageGridItem的子React组件。.其定义如下。window.ImageGridItem=React.createClass({render:function(){return(something);}});只要两者都是window的直接属性,这就可以正常工作.但这有点可怕,所以我想将我所有的react组件分组到window.myComponents的命名空间下。例如。

javascript - Angular 2 : Validate child component form fields from the parent component

问题陈述:父组件有标签和一些里面的标签,子组件也有一些标签,父组件有一个我们正在验证提交表单时的表单字段。如何验证子组件来自父组件的字段submit表格?要求:如果父组件的表单包含带有input的子组件模板中的组件,然后是这些input如果从父组件提交,组件应该在点击时验证。调查结果:SO中有很多帖子有相同的问题陈述,但没有找到任何合适的解决方案。以下所有帖子都验证了整个表单,但我的要求是验证子组件中的每个字段。Angular2validationtogetherwiththechildcomponentAllowtemplate-drivenforminputsacrossacomp

javascript - 如何测试 Angular Material 对话框?

我有一个我正在尝试测试的自定义对话框组件类。特别是我的关闭功能是这个close():void{this.dialogRef.close();}dialogRef被注入(inject)到类构造函数中,如下所示constructor(publicdialogRef:MatDialogRef,@Inject(MAT_DIALOG_DATA)publicdata:any){}所以我的问题是,如何在我的规范测试文件中模拟dialogRef并测试其关闭功能?我的项目使用Angular5和AngularMaterial5。 最佳答案 假设您要询问