jjzjj

materialized-path-pattern

全部标签

javascript - Angular2 Material md-button错误

我早些时候看到Angular2推出了RC5,所以我决定更新我的一个测试应用程序以查看更改以及如何调整。这个应用程序正在使用Material2,我也将它更新到Alpha7.2,但是在尝试使用md-button组件时出现此错误"Templateparseerrors:Can'tbindto'md-ripple-trigger'sinceitisn'taknownpropertyof'div'.("*ngIf="isRippleEnabled()"class="md-button-ripple"[class.md-button-ripple-round]="isRoundButton()"[

javascript - Material UI 组件引用不起作用

我正在构建一个小聊天应用程序。我使用MaterialUITextField来输入用户消息。但我不能引用它。我读到了这个。他们说他们不支持refs。这是我的代码。并且有效。classAppextendsComponent{constructor(){super();this.state={q:"default"};}handleChanges(val){this.setState({q:val});}handleSearch(val){this.setState({q:val});console.log(this.state.q);}render(){return({this.state

javascript - 我无法在 Material-UI 中编辑文本字段

我使用Material-UI开发了一个ReactApp,然后我尝试创建独立组件,检查以下独立组件(),render(){return({/**/});}我试过这样使用组件,但我不能用这种方式更新输入字段。也没有错误。我该如何解决这个问题?我想更新我的输入字段。请检查我在下图中提交的输入: 最佳答案 因为您正在使用value属性控制TextField的值,但您没有使用onChange函数更新该值,因为valueTextField没有改变,所以它变成只读的。解决方案:用TextField指定onChange函数并更新其中的值,像这样:内

javascript - Javascript 的缺点 "single var pattern"

在Stefanov的JSDesignPatterns一书中,他写道“你使用一个var语句并声明多个以逗号分隔的变量”,然后给出了一个“单一var”模式的示例,如下所示:functionfunc(){vara=1,b=2,sum=a+b,myobject={},i,j;Stefanov还写道:“在声明变量时也使用初始值对其进行初始化是一种很好的做法。”“您也可以在声明时做一些实际工作,例如前面代码中sum=a+b的情况。”现在我有一些代码如下,使用单个var模式声明了相同数量的变量,但做了更多的“声明时的实际工作”:varhtml='{purchaseQty}FR: {from

javascript - Angular 5 Material Multiple mat-menu

我是Angular5的新手,刚刚开始学习它。最近,我一直在尝试使用Angular5Material为我的应用创建一个包含多个菜单的菜单栏。菜单将在鼠标进入期间触发/打开,并在鼠标离开菜单时关闭。我的问题是,每次鼠标鼠标悬停在第一个菜单时,它都会加载第二个菜单的菜单项。下面是问题截图:这是我的代码:ma​​inmenu.component.html:Trigger1Item1Item2Trigger2Item3Item4ma​​inmenu.component.ts:import{Component,OnInit,ViewChild}from'@angular/core';import{

javascript - 更改自定义主题 Material-UI

我正在使用Material-UI对于React项目。但是,我不确定如何在全局范围内应用主题。这里我尝试了单个组件import{MuiThemeProvider,createMuiTheme}from'@material-ui/core/styles';importCardCommonfrom'../../common/card/CardCommon';importpurplefrom'@material-ui/core/colors/purple';importButtonfrom'@material-ui/core/Button';import{Link}from'react-rou

javascript - 单击 Raised Button Material ui 打开 "choose file"对话框

我的React项目中有一个float按钮(Materialui)。我想在每次单击时打开“选择文件”对话框。我没有得到任何解决方案来做到这一点。我试过这样做但没有奏效。而且我不想使用jquery。有人可以告诉我我到底需要做什么吗? 最佳答案 基本示例(不包括如何处理所选文件):this.upload=ref}style={{display:'none'}}/>this.upload.click()}>因此,您的FloatingActionButton的onClick处理程序手动触发隐藏文件上传控件(输入类型="file")的click

javascript - 在Angular 5中将AMP与Material Design Lite一起使用

我想创建一个带有Angular5的电子商务渐进式Web应用程序。如何在GoogleMaterialDesignLite中将AMP与Angular5一起使用?如果它不具有可伸缩性或可行性,那么还有哪些其他好的选择呢? 最佳答案 我假设您已经对使用AngularUniversal进行SSR/服务器端渲染非常熟悉,然后再进行其他操作。由于,AMP上不允许使用自定义JavaScript。话虽如此,让我们谈谈AMP标准和限制,并看看涉及Angular时可能出现的问题。1.Howdoesawebsite/appimplementAMP,inmy

javascript - Angular Material Datepicker 为空

我目前正在使用Angular构建Web应用程序,并且我正在为某些UI组件使用AngularMaterial。目前,我有一个无法解决的问题。当我使用https://material.angularjs.org/latest/demo/datepicker中描述的日期选择器时,窗口打开但它仍然是空的。这是日期选择器的代码片段。{{'start_register_error_birthDate_required'|translate}}我的导入是否有问题? 最佳答案 使用旧版本的Angular,比如1.5.9。Angular1.6禁用Co

javascript - Angular Material mdTabs - 如何只获得标签动画的效果而不是内容?

我想获得当有人单击选项卡时的动画效果,并且该选项卡下方的边框向右滑动,按钮具有漂亮的波纹效果。我不想使用标签里面的内容,我只是想要标签效果。如您所见,单击第二个选项卡将使边框向右滑动,但内容也会向左移动。作为效果的一部分,我只希望选项卡按钮向右滑动。我怎样才能做到这一点? 最佳答案 你可以在样式中添加这个[role="tabpanel"]{transition:none;} 关于javascript-AngularMaterialmdTabs-如何只获得标签动画的效果而不是内容?,我们在