草庐IT

Material-design

全部标签

javascript - 如何使用 Angular Material 动态删除 `md-tooltip`?

我有一个基本的md-button,里面有一个md-tooltip。虽然,如果用户使用移动设备,我需要一种方法从我的网站全局删除所有工具提示。HelloThisisabuttonstooltip加载模板并运行指令后,上面的内容将转换为以下内容:Hello按钮元素不再包含md-tooltip,否则我会简单地删除工具提示元素。想要这样做的原因是因为在移动设备上,md-tooltip占用了按钮点击。因此,在第一次单击时显示工具提示,在第二次单击时显示按钮单击操作。这绝对不是理想的效果。如何从我的页面上的所有元素中删除所有工具提示,以便我的按钮点击操作是第一次点击/点击而不是第二次?

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 - 使用 $mdDialog.show() 将范围项返回到父范围

哟!我有一个Controller,它在其$scope上放置了一堆项目。其中一个范围项$scope.openDialog通过$mdDialog.show()打开一个$mdDialog。传入$mdDialog.show的对象有一个模板,其中包含用于通过ng-file-upload项目上传文件的控件,您可以阅读有关here的内容。.如果对话窗口中上传的项目在退出对话窗口后在主Controller中可用,我希望如此。我不确定对话框窗口的Controller是应该引用主myCtrlController还是使用它自己的Controller,以及如何使上传的文件对myCtrl可用。这是Angular

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{.