jjzjj

materialize

全部标签

javascript - 从 Knockout.js 选项数组中删除后重新初始化 Materialize.css 选择框

我有一个选择框,其中的选项和选择是通过Knockout.js处理的。我想使用MaterializeCSS设计它的样式。此功能可正常用于选择框的初始显示,并且当将选项添加到optigon.js'options'observablearray时,通过使用“optionsfafterrender”绑定(bind)在添加每个选项后的(rereret)初始化(浪费,浪费,但有效)。删除选项时,Knockout.js不提供类似于“optionsAfterRender”的任何内容,因此没有明显的方法来触发MaterializeCSS魔法的重新初始化。问题:您是否可以看到任何非疯狂的选项?代码:('s

javascript - Angular Material 设计中 sidenav 的调整栏大小。

AngularMaterial中是否有调整sidenav大小的指令?有一个sidenav显示客户端列表,右侧Pane包含客户端的详细信息。我正在尝试在它们之间添加一个调整大小栏。我用了下面的http://plnkr.co/edit/Zi2f0EPxmtEUmdoFR63B?p=preview这是我在下面找到的AngularJSresizabledivdirective我尝试按照上面的plunker示例进行操作,但sidenav从未调整过大小。右Pane向右移动,但左Pane保持不变。{{client.name}}谢谢 最佳答案 找到

javascript - 在 React material-ui 上显示对话框

我正在使用material-ui的Dialogcomponent对于我的React应用程序。如何将组件设置为变量以便调用onShow()方法? 最佳答案 添加Dialog组件时,只需为其添加一个ref即可(例如ref="dialog"):dialogcontent然后您可以使用this.refs.dialog.onShow(...)从您的所有者组件代码中引用它。Dialogcomponent页面实际上在幕后使用了refs,正如你可以从它的sourcecode中看到的那样. 关于javas

javascript - 如何将数据传递给 Angular Material 中的 $mdDialog

我想将一些数据传递给$mdDialog。事实上,我在一个单独的文件中有两个Controller。这是我的Controller代码functionopenDialog(id){$mdDialog.show({locals:{profileId:id},controller:['$scope','profileId',function($scope,profileId){varself=this;self.profileId=profileId;}],controllerAs:'profileCtrl',templateUrl:'view/profile.html',parent:angu

javascript - Angular Material 滑动切换的两种方式绑定(bind)无法按预期工作( Angular 4)

我已经实现了AngularMaterial滑动切换,除了出于某种原因它没有将值绑定(bind)到相关变量之外,一切似乎都有效?//otherirrevelantimportsabove..import{MatDialog,MatDialogRef,MAT_DIALOG_DATA}from'@angular/material';@Component({selector:'app-calendar',templateUrl:'./calendar.component.html',styleUrls:['./calendar.component.scss'],host:{'(document

javascript - 谷歌地图自动完成 Material 设计

我有一个关于在Material设计中实现谷歌地图自动完成功能的问题:{{item.display}}AngularMaterialautocomplete|GoogleMapsautocomplete如何在谷歌地图自动完成(Angular)中使用MaterialDesign的自动完成功能?提前致谢。我找到了这个解决方案:我只覆盖了css属性:/*mapsautocomplete*/.pac-item{font-family:RobotoDraft,Roboto,'HelveticaNeue',sans-serif!important;font-weight:300!important;

javascript - Angular Material 使用 $http 调用自动完成

我正在尝试做的是AngularMaterial自动完成(md-autocomplete),其中包含从对我的RESTAPI的AJAX调用动态检索的数据。不幸的是,我只得到不确定的进度条,而不是自动完成项目,如下所示。结果Controller$scope.customersSelect={};$scope.selectedItem=null;$scope.searchText=null;$scope.getCustomers=function(query){selectsService.getCustomers(query).then(function(results){$scope.cu

javascript - 是否可以在没有 jQuery 的情况下使用 Materializecss?

我想使用materializecss没有jQuery。例如,我想在不使用jQuery的情况下执行以下操作:$('.chips-initial').material_chip({data:[{tag:'Apple',},{tag:'Microsoft',},{tag:'Google',}],});谢谢 最佳答案 从Materialise1.0.0开始,jQuery不再是依赖项。参见https://medium.com/@materializecss/materialize-to-1-0-and-beyond-e0233b8ac15以前

javascript - ReactJS 页眉和页脚

我正在尝试创建一个Layout组件来呈现Header和Footer。这样我以后就可以像使用Layout...显然,我在页眉和页脚中使用了路由。为此,我需要使用当我在我的layout.js中一个接一个地执行此操作时(对于页眉和页脚:虽然我觉得这是错误的)。有用。页眉和页脚显示在浏览器中。但是,它们不能正常工作。刷新时,页脚消失,​​有时页眉和页脚都消失。我坚信一个接一个地渲染Router是造成这种故障的原因,但我想不出正确的方法。此外,我不想使用以下代码片段header.jsimportReactfrom'react';import{Link}from'react-router'impo

javascript - 如何覆盖(overwrite)material-ui(React)中的类和样式

我使用的是material-ui的1.2.1版我正在尝试覆盖AppBar组件要透明。该文档概述了如何覆盖样式here.我的代码:importReact,{Component}from'react';importAppBarfrom'@material-ui/core/AppBar';importToolbarfrom'@material-ui/core/Toolbar';importlogofrom'../Assets/logo.svg';classNavigationBarextendsComponent{render(){conststyles={root:{backgroundC