草庐IT

Material-design

全部标签

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

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

go - 在 Go 应用程序中实现 SOLID Design

在不遇到循环依赖的情况下对模型(用户)和数据库建模的最佳方法是什么?我有一个要设置的Go应用程序。导入的结构令人困惑,因为它似乎并没有清楚地按照关注点分离进行划分。我想要一个数据库存储,需要访问模型名称才能迁移它们。让模型自行迁移似乎很奇怪,而且这似乎与模型无关。同时,我想对需要导入数据库存储的每个模型进行验证。让商店验证单个模型似乎更奇怪。然而,这会产生循环依赖。结构:models-user.goconfig-store.gostore.go...//CreateDb-createstablefunc(i*Store)CreateDb(){...i.DB.AutoMigrate(&m

design-patterns - Go:如何使用中间件模式?

我有一个仅在特定条件下执行的函数(例如role=='Administrator')。现在,我使用'if'语句。但也可能是条件数量较多且定义较长的'if'看起来不太美观的情况。Go中的可用机制(或与Go框架相关的机制)是否允许实现中间件概念(操作过滤器)?例如,ASP.NETMVC允许这样做:[MyFilter]publicViewResultIndex(){//Filterwillbeappliedtothisspecificactionmethod}因此,在单独的类中实现的MyFilter()允许更好的代码组合和测试。更新:Revel(Go的Web框架)提供了与拦截器(框架在操作调用