TOGOUTECH

angular-material2

全部标签

javascript - 带有 Bootstrap 4 Grid 的 Angular Material 2

我正在使用Angular4并安装了AngularMaterial2,因为我喜欢组件的外观。所以现在我拥有所有组件并想要创建布局。我知道它有AngularFlex布局,但老实说我不太了解Flex,所以我在考虑使用Bootstrap的4Grid来整理布局。为什么我不应该将Bootstrap的网格与AngularMaterial2一起使用? 最佳答案 将bootstrapgrid与angularmaterial2一起使用是毫无意义的。Idon'tknowFlexthatwellsoIwasthinkingonusingBootstrap'

javascript - Angular2 Material Design alpha.9-3 有 '404 not found' @angular/material

我已按照angularmaterial2入门中的说明安装@angular/material。通过Atom,我更新了package.json、app.module,除了入门说明之外,我还更新了systemjs.config,如下所示:'@angular/material':'node_modules/@angular/material',我收到这些错误:zone.js:1274GEThttp://localhost:3000/node_modules/@angular/material/404(未找到)(SystemJS)XHR错误(404未找到)加载http://localhost:3

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 - Angular Material,Md-datepicker - 在输入点击时打开日期选择器

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

javascript - Angular Material : Hide Autocomplete Panel when User hits enter Key

我目前正在开发一个表格,用户可以通过按Enter键在可编辑元素中切换。我也在其中使用了AngularMaterial。我有一个mat-form-field,其中包含几个动态创建的输入字段和mat-autocomplete元素。然而,我的输入键事件在这方面有点不同。当您按下输入字段时,将打开一个面板(下拉菜单),用户可以在其中选择输入或者他可以简单地自己编写,面板将提供建议(自动完成)。如果按Tab键会发生什么?如果您在键入时按Tab键,光标将移动到下一个可编辑元素,并且最新元素的面板(下拉列表)将关闭。如果你按下回车键会发生什么如果您在键入时按回车键,光标将移动到下一个可编辑元素,但是

javascript - 使用拖动事件在 Angular Material 垫表中进行行重新排序

我正在开发一个网站,我正在使用DataTableAngularMaterial的组成部分|.我希望用户能够通过上下拖动行来为每一行设置某种优先级。类似于DataTableforjQuery的东西.我在他们的文档中找不到使用拖动事件重新排序的支持。如何在向我的项目添加最少的依赖项的同时实现此功能? 最佳答案 对于那些寻找如何将其与AngularMaterialtables(mat-table)结合使用的答案的人:而不是使用你将不得不使用选择器。前者将有一个tbody表格元素(您应用dragula包的地方)和行之间的元素。尝试拖动行将使

javascript - 仅使用 Angular-Material 切换 sidenav?

我想要一个在任何屏幕尺寸下默认关闭的侧边菜单,并且将始终在其他内容之上打开。不管我怎么尝试,它总是以超过960像素的宽度切换。这是我的菜单现在的样子:Stuff还有我的Controller:.controller('HomeCtrl',function($scope,$mdSidenav){$scope.toggleMenu=function(){$mdSidenav('right').toggle();};})我从website得到了is-locked-open但我在他们的javascript中找不到任何地方。 最佳答案 您可以使

javascript - Angular 5, Angular Material : Datepicker validation not working

我正在使用最新的Angular和最新的AngularMaterial。我有一个日期选择器,我想添加一些验证。文档说required属性应该开箱即用,但它似乎不像其他表单元素那样处理错误。这是我的标记:YourdateofbirthisrequiredThisworksonthehappy-path,sowhenadateispicked,thedateendsupintheexpectedpropertyinmyService.然而,验证并没有按照我期望的方式进行;在这种情况下,如果我点击进入该字段然后在没有输入日期的情况下离开该字段,那么输入确实获得红色样式,但是通常的[contro

javascript - sharedModules 到多个完全不同的应用程序

我做了他在这里做的同样的事情:HowtocorrectlyimporttheAngularMaterialmodulethroughasharedmoduleinAngular4?除了我想创建一个类似ui-kit的模板然后在不同位置的不同应用程序中使用它(它们不在同一个文件夹中)。目前,我正在这样做并且一切正常,除了当我尝试在我的sharedComponent中使用库时,比如当我想使用时:Clickme!AngularMaterial按钮,angular-cli不会抛出任何错误,我只是在控制台上看到这个错误:Error:StaticInjectorError[ElementRef]:S

javascript - 我应该为 Angular 使用 Material 还是为 AngularJS 使用 Material?

Angular'sGitHub页面显示了两个与MaterialDesign相关的固定存储库:angular/material2angular/materialREADME.md对于angular/material标题为AngularJS应用的Material设计。README.md对于angular/material2标题为Angular的Material设计。我正在使用angular-cli构建Angular2网络应用程序并且安装和导入@angular/material到app.module.ts。import{BrowserModule}from'@angular/platform