jjzjj

materialize

全部标签

javascript - 如果过滤器在 Material 表 Angular 中没有结果,如何显示 "no records"

如果有人搜索当前表显示空数据,我想添加“无记录消息”!下面是Angularjs中示例Material表的链接https://material.angular.io/components/table/examples 最佳答案 我找到了确切的解决方案在typescript中:applyFilter(filterValue:string){filterValue=filterValue.trim();//RemovewhitespacefilterValue=filterValue.toLowerCase();//MatTableDat

javascript - 如何使用 Angular Material 对多个复选框进行分组

假设我有一个用于创建商店的表单。我要输入它的名字,以及商店开门的日子。所以我将有一个带有一些输入的表单,我想将复选框分组到一个垫表单字段中。存储表单组件.html:Storename{{i}}存储表单组件.ts:exportclassStoreFormComponentimplementsOnInit{//FormGroupsstoreForm:FormGroup;constructor(privateformBuilder:FormBuilder){}ngOnInit():void{this.initForm();}initForm():void{this.storeForm=thi

javascript - React、Redux、React-Router - 卡在安装 material-ui 时

教程:但是由于我使用的是redux和react路由器,所以我无法真正将MuiThemeProvider放在链的顶部。包含此库的最佳方式是什么?这是我的ReactDOM.render函数:ReactDOM.render({devTools},document.getElementById('root'));这就是路由器:exportdefault(onLogout)=>(); 最佳答案 我是这样做的。我有一个index.js,我的package.json将其作为要启动的主文件(使用npmstart)。我在其中(为简洁起见删除了一些导入

javascript - Angular, Material 形式只说提交尝试后需要字段

我使用angular-material构建我的应用程序登录表单,并尝试以与他们页面上的示例略有不同的方式使用它。我只希望必填字段仅在用户尝试提交而不填写字段时对我大喊大叫。也许也禁用按钮?无论如何,如果用户只填写一个字段并按回车键,我希望它显示“这是必需的”。现在它一直显示,直到您填写它这是我拥有的:https://jsfiddle.net/5b1tsm2a/6/我正在尝试他们的示例页面中的代码-UsernameThisisrequired.PasswordThisisrequired.Login因此,我在其下方的ng-messages中使用了所需的逻辑。我只想表明他们是否试图在不填写

javascript - AngularJS Material 的表支持

我想使用AngularMaterial创建一个表格。我无法从文档中找到表实现。https://material.angularjs.org/latest/但是,我发现了其他实现。我很迷惑。这些实现来自谷歌吗?他们可以使用AngularMaterial吗?https://github.com/daniel-nagy/md-data-tablehttp://codepen.io/jbltx/details/WbdRRbvarapp=angular.module('StarterApp',['ngMaterial']); 最佳答案 目前还

javascript - Angular2 Material ViewportRuler 单元测试错误

我有一个Angular2组件,其中包含来自@angular/material的选项卡控件。我正在尝试测试我的组件(请参阅下面的简化代码-我知道测试如此简单的组件毫无意义),但出现以下错误:Error:Errorin./MdTabHeaderclassMdTabHeader-inlinetemplate:0:0causedby:NoproviderforViewportRuler!Error:NoproviderforViewportRuler!我的假设是尝试将ViewportRuler(https://github.com/angular/material2/blob/master/s

javascript - 使用 React 和 Material UI 禁用自动填充表单

我正在尝试学习React和MaterialUI。我正在创建一个网络表单,到目前为止一切都很好,除了当页面加载时,chrome自动用以前存储的数据填充文本字段并且背景变为黄色。我怎样才能让它保持白色?我知道在普通的CSS中我会包含这段代码:input:-webkit-autofill{-webkit-box-shadow:0001000pxwhiteinset;}但是考虑到我不一定有样式表,这就出现了问题。我到目前为止:constMyAwesomeReactComponent=React.createClass({constcontainerStyle={/*input:-webkit-

javascript - 从 Material UI 中的 TableRow 组件获取数据

我在最新版本的MaterialUI中使用表格组件,但我不确定在表格行被选中时我应该如何获取数据。文档提到了名为onRowSelection的Table组件的prop,但它只为您提供所选行的RowNumber,没有其他内容。您应该如何使用它?我不明白你是怎么想捕获说...设置到TableRow的关键Prop只使用同一TableRow的RowNumberProp。下面的代码展示了我是如何呈现表格本身并分配键的:handleSelect(id){console.log(id);this.props.dispatch({type:'SET_SELECTED_USER',user:id});}r

javascript - Materialise CSS Collapsible 不展开

我正在尝试向我的项目添加具有默认行为的可折叠Accordion样式。页眉似乎进入了UI,但它不会展开以显示可折叠主体部分。任何人都知道我怎样才能使这项工作?或者看看为什么不是?这是我的html:delete_forever{{diary.category}}{{diary.date}}{{food.title}}Calories:{{food.calories}}Fat:{{food.fat}}Protein:{{food.protein}}Sodium:{{food.sodium}}Sugars:{{food.sugars}}这是我初始化可折叠的Controller:"usestri

javascript - Materialize.css 自动完成不适用于 Polymer

我正在尝试使用Materialize.cssautocomplete与我的Polymer项目。控制台日志:UncaughtTypeError:$(...).autocompleteisnotafunction我的代码:AssignedEmployee(s)脚本:attached:function(){$('input.autocomplete').autocomplete({data:{"Apple":null,"Microsoft":null,"Google":'http://placehold.it/250x250'}});} 最佳答案