-
1 votes1 answers1518 views
没有为Component找到组件工厂 . Angular2材质对话框
我想显示一个自定义对话框，但我收到此错误： HeaderMenuComponent.html：41错误错误：找不到RegisterFormComponent的组件工厂 . 你有没有把它添加到@ NgModule.entryComponents？ atComponentComponentFactoryResolver.webpackJsonp中的noComponentFactoryError（co... -
7 votes2 answers659 views
mat-table中的自定义过滤器
我正在使用mat-table . 它有一个过滤器，可以正常使用doc示例： 从https://material.angular.io/components/table/overview起，原始代码为： <div class="example-header"> <mat-form-field> <input matIn... -
2 votes0 answers1178 views
角度材质2自定义数据表行组件
我有许多常规HTML表格，我想转换为Material 2表格 . 他们使用这样的自定义行组件： <tbody> <tr *ngFor="let r of rows" trainingTopic [row]="r"> </tr> </tbody> 行组件选择器是这... -
0 votes1 answers1715 views
无法使Angular Material2表排序和分页器工作
我一直在尝试在Material表上实现sort和paginator，但收效甚微 . 以下给我我的表但是当我点击 Headers 时没有排序发生并且整个数据集都列出尽管paginator指示只有10个结果当我点击paginator按钮它自己的状态更改但数据集没有更新跟随： import { AfterViewInit, Component, Input, OnChanges, OnInit, S... -
1 votes0 answers302 views
动态组件中的mat-tab不起作用
每次用户点击按钮时，我都会尝试创建组件 . 在这个创建的组件中，我有一些DOM，包括 mat-tab-group 和两个 mat-tab . 不幸的是，第二个标签内容为空，两个标签之间的切换不起作用 . 以下是我在父元素中创建组件的方法（比如 MapComponent.ts ）： private createComponent(): IInfoWindowComponent { cons... -
3 votes1 answers1504 views
Paginator没有正确使用表数据源使用角度材料为角度2应用程序
我正在尝试使用paginator组件在我的angular 2 app中实现一个表 . 我成功地能够使用角度为2的表组件创建表 . 但是我使用下面的import语句完成了它 . “从@ angular / cdk / collections'导入;” 下面显示的是我的home.component.ts import { Component , OnInit , ViewChild} from '@a... -
0 votes0 answers1519 views
如何使用分页导出Angular Material表（mat-table）？
我使用Angular Material表（mat-table）和paginator（mat-paginator）来渲染大表 . 我想将整个表格（所有页面）导出为CSV格式 . 我可以将当前页面导出为CSV，但不能同时导出所有页面 . 我不能只从数据源导出数据，因为模板使用管道和其他格式，我需要导出具有相同的格式 . 一种选择是当用户点击导出时，它将禁用分页，运行导出代码，然后在正确设置当前页面的情... -
0 votes1 answers1985 views
角度材料2：如何区分一个组件中的两个或多个可排序表？
亲爱的Stackoverflow社区， 根据Angular material 2文档，您可以向表中添加mdSort指令： 排序使用mdSort指令并在表的列 Headers 中添加排序UI . 排序标头发出可用于通过表的数据源触发更新的事件 . Code : component.html 使用mdSort指令和md-sort-headers <md-table fxFlex="... -
6 votes2 answers870 views
Angular / Material中的样式mat-form-field输入
我有一个带有输入的mat-form-field，我想添加自定义样式，但是我在Angular Material官方网站上找不到任何关于此的文档 . 我最终的目标是： 选择输入框后更改下划线颜色 删除浮动标签（如果可能 - 我知道这是一个功能，但现在已弃用） . 我还不是最适合Angular的人，但如果需要改变JS中的东西，那么我总能给它最好的机会 . 我只需要一点指导 . 现行代码： &... -
0 votes0 answers1151 views
关于opnening元素的对话的角度材料位置
我正在使用角度材料https://material.angular.io/components/dialog/overview，我的对话框按预期工作 . 唯一的麻烦是它在页面中间打开作为默认位置 . 我的要求是能够在我点击的链接旁边打开它 . 表中显示此对话框的图表的当前代码如下： HTML <table> <tr *ngFor="let opty of optys&... -
0 votes1 answers1412 views
为什么带有Angular Material Dialog的Angular 5会变慢？
如果Angular Material包含多个按钮和一个文本字段，则从Angular Material打开一个对话框很慢 . 我做了stackblitz来说明问题 . 如果对话框包含以下html，则会快速设置动画： <h1 mat-dialog-title>Hi {{data.name}}</h1> <div mat-dialog-content> <p... -
2 votes2 answers1118 views
角度材料2标签
我正在写一个角度应用程序，我想要Angular Material Tabs进行导航 . 我的问题是当我点击一个标签时，它实际上在路线之间切换但是标签中的样式没有变化，所以看起来活动标签仍然是另一个 . 我的代码： <nav md-tab-nav-bar> <a md-tab-link [routerLink]="['/page1']" ... -
2 votes1 answers231 views
如何设置选项Angular Material？
我有材料标签： <div id="tabs"> <md-tab-group [selectedIndex]="0"> <md-tab label="Sd"> kkk </md-tab> </div> </div> 我尝试设置每个选项... -
2 votes1 answers514 views
角度材料2选项卡滚动显示导航
正如您在此示例中看到的，当您更改选项卡时，垂直滚动条会出现在动画中 . <md-tab-group> <md-tab label="Tab 1"> <div style="height: 2000px">Content 1</div> </md-tab> <md-tab l... -
4 votes3 answers610 views
角度材质自定义选项卡
我'm using angular 4 and I' m使用Angular Material . <md-tab-group [disableRipple]=true> <md-tab label="Tab 1"></md-tab> <md-tab label="Tab 2"></md-t... -
4 votes3 answers1370 views
选项卡上的Angular 4 Material Tabs Load
是否可以在Angular Material选项卡上实现延迟加载？否则，我需要一种方法来输入选项卡时运行方法 . -
1 votes2 answers725 views
角度材料2滚动内部选项卡
我想要一个sidenav，顶部有一些按钮，下面的标签包含不同的数据 . 我想让选项卡内部滚动，以便顶部的按钮永远不会离开视图，这样我的用户在想要使用其中一个按钮时就不会向上滚动 . 这是一个例子：https://stackblitz.com/edit/angular-wdjfaa 正如您在示例中所看到的，当您打开抽屉时，没有任何滚动 . 在styles.scss我添加了 .mat-drawer {... -
5 votes1 answers199 views
带有角度材质的垂直标签
使用正确的Angular Material directive，如何将方向更改为垂直？ 从垂直标签开始： 然后想要放到mat-select下拉列表下面的内容： 编辑：如果有人不打扰我:)将努力使https://stackoverflow.com/a/43389018适应我的答案:) -
0 votes0 answers54 views
角度材料扩展面板错误
我正在使用角度5和角度材料2，我正在使用扩展面板元素，每次打开或关闭扩展面板时都会出现此错误 Error code: 1 columnNumber: 0 data: null filename: "webpack-internal:///../../../../../src/app/main/content/library/reader/reader.compon... -
0 votes1 answers743 views
角形材料扩展面板，带有子扩展面板
实际上我已经使用角度材料扩展面板（手风琴）进行面板扩展 . 所以我试过的是我只想在一个父扩展面板中显示这样的子面板 . 见下图 . 数据库将成为顶级父级面板，在其中我有不同的数据库作为子面板 . 为此，我写了这样的代码 . 但是，当我点击子面板内的任何父面板时，代码不起作用，然后一切都崩溃了 . 我的意思是说面板正在倒塌 . 见下面的代码： <mat-accordion> ... -
1 votes1 answers1329 views
mat-autocomplete自动隐藏输入焦点上的占位符文本
我正在根据文档中的示例使用mat-autocomplete组件和输入，并且我已将输入配置为使用标签并且具有非浮动占位符文本，如下所示： <mat-form-field floatLabel="never"> <input type="text" placeholder="Search..." ... -
2 votes2 answers239 views
highcharts未在标签中加载
我有多个选项卡视图，每个选项卡都有一个组件渲染 . 这是代码： <mat-tab-group> <mat-tab *ngFor="let g of goals; index as i"> <ng-template mat-tab-label>{{g.nam... -
1 votes1 answers1646 views
预成型垫自动完成角2材料2
当我尝试编辑记录时，我无法设置mat-autocomplete的值我使用自动完成作为FormBuilder对象中的FormControl对象，并设置从服务器收到的值我正在使用Formbuilder.setValue（）方法 . 但这不会设置自动完成，虽然它向服务器发送请求，因为我正在使用Observables的valueChanges方法...任何帮助将不胜感激 以下是我正在使用的代码 compo... -
1 votes1 answers1478 views
exportAs设置为matAutocomplete时没有指令
Error 没有指令将“exportAs”设置为“matAutocomplete”（“ - label =”Number“matInput [formControl] =”myControl“[matAutocomplete] =”auto“> 我使用了https://material.angular.io/components/autocomplete/overview的代码 我还在... -
1 votes1 answers860 views
mat-select中的选定值不会发送到父级
我在我们的应用程序中使用的角度库中创建了一个下拉列表 . 我使用angular-material2作为下拉菜单（mat-select和mat-autocomplete） . 我必须做错事，因为当我在应用程序中使用下拉列表时，我没有得到 Value . 我已经尝试了几乎所有在网上找到的东西，没有结果 . 我评论了大部分内容并且我正在尝试解决最简单的版本，但即使在这种情况下，我也没有得到它的 Val... -
0 votes1 answers817 views
Angular 6 mat-form-field with mat-select不选择任何值
我是Angular 6的新手，我正在开展一个项目，我正在使用具有反应形式的材料设计，使用表单控件 . 所以我面临的问题是除了mat-select之外所有其他字段都正常工作，它正确显示下拉内容，但是当我选择它时，所选值不会反映在表单控件中 . mat-select数据来自后端 这是我的HTML代码： <mat-form-field class="example-full-width... -
2 votes2 answers1817 views
Angular 2材质对话框：在对话框关闭时刷新父级
我正在使用角度材料2对话框将项目添加到列表中 . 我有一个包含列表（表）的组件（AuthorListComponent） . 该组件有一个名为getAuthors的函数，它进行休息调用并在模板中呈现一个表 . 我还有一个按钮，用于打开角度材质2对话框，用于添加新项目： https://github.com/angular/material2/blob/master/src/lib/dialog/R... -
0 votes1 answers1248 views
如何在对话框中关闭角度2的角度材质
我正在编写使用Angular-Material framework的Angular应用程序 .我在这个对话框中显示的组件内部提出dialog我正在向服务器发出HTTP请求，当请求结束时我想关闭对话框 . 当对话框关闭时，调用该对话框的组件会刷新自身 . 如果我正在使用 md-dialog-close ，则在完成HTTP请求的处理之前关闭对话框 . 我目前在打开对话框时使用以下代码解决了这个问题： ... -
0 votes0 answers912 views
隐藏角度材质对话框
我已将Angular材质对话框实现到我的应用程序中 . 但是，对话框没有显示，而是隐藏在我的组件下面 . 为了使这个问题有点清楚，我添加了一些图像 . Dialog components with my main component showing Dialog components with my main component hidden 所以我的问题是如何将我的对话框放在我的视图之上？ 更新... -
7 votes1 answers1092 views
Angular 2材料设计响应表
每当我挤压窗口大小时，表格单元格数据与其他单元格的数据重叠，并且它们不再与我的 Headers 对齐 . 我应该怎么做以使其响应？我已经尝试了 overflow-x:auto ，是否有任何使我的表可以水平滚动的东西 . 如果不是那么对于较小屏幕的堆叠视图表的任何解决方案它也将对我也有效 . <div fxLayout="column" fxFlex="80&qu...