草庐IT

abc_ic_menu_selectall_material

全部标签

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 - 使用 Javascript 我如何搜索字符串中的前三个字母并查看它们是否匹配 "ABC"?

使用Javascript我如何搜索字符串中的前三个字母并查看它们是否匹配“ABC”?谢谢 最佳答案 使用正则表达式:str.match(/^ABC/);或者使用substring方法:str.substring(0,3)=='ABC'; 关于javascript-使用Javascript我如何搜索字符串中的前三个字母并查看它们是否匹配"ABC"?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/que

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

javascript - Angular Material,Md-datepicker - 在输入点击时打开日期选择器

我想打开日历,用户不仅可以在用户点击日历图标时,还可以在点击输入字段时从日期选择器中选择日期。MaterialDatePicker.所以我为此创建指令,将其附加到也在看(click)输入事件:HTML:表单组件:import{ManualClickRerender}from'../shared/directives/manual-click.directive';@Component({selector:'form',providers:[ManualClickRerender]})exportclassFormComponentimplementsOnInit,OnChanges{.