草庐IT

Material-design

全部标签

javascript - Material Angular 无限滚动与 $http 请求

我正在使用AngularMaterial的md-virtual-repeat指令来实现无限滚动,我需要将其替换为demo$http请求的$timeout函数。但我无法找到正确的解决方案。在下面的代码中,无限滚动工作正常但不显示来自http请求的数据。问题是我不知道如何将$http结果绑定(bind)到infiniteItems。Here是plunker。Index.html{{item.id}}JS:(function(){'usestrict';angular.module('infiniteScrolling',['ngMaterial']).controller('AppCtrl

javascript - Material-UI List 作为 Card 的子项,在主展开时触发所有 onClick

Material-UI、Meteor、React所以我想在卡片中嵌套一个带有onTouchTap(或onClick)函数的下拉列表。它似乎工作正常,不会造成任何麻烦-但是当您展开父卡时,列表中的所有内容都会同时触发onTouchTap。我已经厌倦了将其他Card元素相互嵌套以达到相同的效果。这只是代码的限制,还是有一些变通办法?}primaryTogglesNestedList={true}nestedItems={[}onTouchTap={this.handleAccept(userName,prtNo)}/>,}onTouchTap={this.handleReject(user

javascript - Vuetify 中是否有特定的数字输入组件?

我在ElementUI中看到一个组件,用于管理元素的数量,它在这里:https://element.eleme.io/#/en-US/component/input-number我想在Vuetify中使用类似的东西,但我在MaterialDesign中找不到类似的组件甚至类似的样式示例。实现它的最佳方法是什么? 最佳答案 是的,有:查看slidercomponentdocs一个工作示例。 关于javascript-Vuetify中是否有特定的数字输入组件?,我们在StackOverflo

javascript - Angular 2 Material Input动态更改占位符

我想动态更改输入占位符的文本。console.log已经给出了更新后的字符串,但界面没有更新,所以旧的占位符仍然存在。如何让界面识别更改?document.getElementById(this.implicKey).setAttribute('placeholder',options[i].implication);console.log(document.getElementById(this.implicKey).getAttribute('placeholder')); 最佳答案 您可以像这样动态更改您的输入占位符Thisf

javascript - Angular Material $mdDialog 隐藏一次后不显示

我的应用程序有一个聊天按钮,可以打开一个$mdDialog。当在对话框窗口中单击用户名时,我使用$mdDialog.hide()关闭对话框窗口。这有效,但是当我再次单击聊天按钮时,它不再有效。感谢您的帮助。Heresalinktomycodepen.HTMLProjectNameFileAction1Action2Action3EditAction1Action2Action3HelpAction1Action2Action3assignmentCommentsupervisor_accountSharechatChatSmileYouGoodlookinGetShwifyCellar

javascript - Material-UI 应用栏自带边距

我用了Material-UI的AppBar组件,它运行良好,但有余量,任何人都有解决方法。我需要去掉边距。 最佳答案 只需插入CssBaseline在要删除其默认边距的任何元素之前标记。喜欢importReact,{Component}from'react';importMainfrom"./Components/Main";importCssBaselinefrom'@material-ui/core/CssBaseline';//or//import{CssBaseline}from'@material-ui/core';cla

javascript - 如何在react material-ui中获取密码字段值

我无法访问的值,如果我不写然后它工作正常,但为此我得到一个类型错误,'this.refs[this._getRef(...)].getInputNode不是一个函数'。dialogAction(tag,e){console.log(this.refs.password);console.log(this.refs.password.getValue());this.refs.dialog.dismiss();}render(){letself=this;letrow=this.row,col=this.column;letstandardActions=[{text:'Cancel',

javascript - ReactJS 和 Google MDL 按钮 onClick 不工作

我有一些像下面这样的JS。我发现如果我删除mdl-js-layout按钮的onClick会起作用。否则失败。为什么会这样?我已经做了componentHandler.upgradeDom()'usestrict';module.exports=React.createClass({componentDidMount:function(){console.log('update')componentHandler.upgradeDom();},addExpense:function(){console.log('addexpense');},render:function(){retur

javascript - 更改 Google 堆积条形图颜色( Material 条形图)

vardata=google.visualization.arrayToDataTable(stats_data);varoptions={width:1400,height:400,legend:{position:'top',maxLines:3},bar:{groupWidth:'75%'},isStacked:true,bars:'vertical',colors:['#999','#346ac9','#279423','#fc9826'],};varchart=newgoogle.charts.Bar(document.getElementById('chart-recent

javascript - 为 Angular Material 配置深色主题

我正在为我的网络应用程序设计,我想要一个与看到的类似的深色主题here.遗憾的是我找到了AngularMaterialThemingDocs很难理解;没有提及每种颜色将在哪里使用,如何设置背景颜色或文本颜色等。我目前正在使用:.config(function($mdThemingProvider){$mdThemingProvider.definePalette('coolpal',{"50":"#d9ddec","100":"#a6b1d2","200":"#8190bf","300":"#5468a5","400":"#495b90","500":"#252830","600":"