问题标签 [angular-material-6]

我正在使用 angular 6.1.3 和 angular/material 6.4.5（都在最新版本中）但是当我运行以下代码时，它总是有一个蓝色的选择框。

我在 chrome 和 IE 上都试过了，都遇到了同样的问题。

有什么办法可以去掉蓝框？

谢谢！

我正在尝试将 mat-grid-list 放在PARENT mat-grid-list 中。

下面是代码 -

App子组件的内容——

我正在使用 Angular 6，我有两个组件，一个是主要组件，另一个是对话框，我有一个按钮可以打开一个对话框，里面有一棵树。树节点有一个复选框！我有一个按钮，我想在按下它时关闭并保存选中的项目。当我关闭对话框时，我不知道如何控制项目！我使用 main.component.ts 中的对话框组件！以下是代码：

主要组件.ts

main.component.html：

对话框.html

嗨，我现在与 css 战斗了几个小时 - 我希望你能帮助我：

我尝试将我的高度设置为固定的 100%。如果子 mat-table 有更多的数据行，那么它也应该调整大小并且不超过 100% 的年龄大小。（mat-table 现在支持滚动和粘性页眉和页脚行。这就是我喜欢给我的 SPA 一个新设计的原因）

这是一个示例： https ://stackblitz.com/edit/ng-fullpage-scrolltable 但这有一个固定设置.mat-table { height: 400px;}（如果显示超过 5 个项目，则 mat-table 可以很好地滚动）

我怎样才能使这个高度（或者更好的是整个 mat-sidenav-container 或主体的高度扩展到 100%

我正在尝试使用@Angular/Material，专门用于我的 Angular 6 应用程序中的标题。

我基于此示例： Mat-Menu 示例

我的标题组件 HTML 如下所示：

mat-menu 不会被锚定到 Profile Link 并在其右侧打开，而是打开并（带有 class 的 div cdk-overlay-container）附加到左下角。

如何通过打开它的链接将 mat-menu 保持在页面顶部？

在没有 --aot 的情况下编译时，角度材料表（matTable）会引发以下错误。

如果目标 es 版本为es5，则应用程序将正常工作。但该应用程序严重依赖es6功能。所以，应该只用 es6 编译。

可以使用Github存储库重现错误

更新：

package.json 中的材料和 cdk 降级到 6.4.1。但它安装了最新的。这导致了这个问题。如果两个包分开安装。然后它正在工作。可能是什么问题..？

注意： package-lock.json 和 node_modules 在安装 npm 之前被删除。

我有mat-sidenav使用 Angular Material 6 生成的响应。导航面板的打开/关闭按钮效果很好，但是导航面板是打开的面板模糊了部分内容。

如何使内容部分像橡皮一样：

我的意思是当导航栏关闭时，内容宽度是页面的 100%。但是当导航栏打开时内容压缩到 85%（我的导航栏有width: 15%）

这是模板：

打字稿方面：

我正在尝试将width内容绑定[ngStyle]到[(opened)]="isOpened".mat-sidenav

但不行。如何解决这种情况？

我正在尝试通过此链接的排序、分页和过滤来遵循 Angular Material Data 表。

一切似乎都正常，但我被以下内容阻止了。你们知道如何解决这个问题吗？它不会发生在 Firefox 上，但会发生在 chrome 或 chromium 上。

如果您需要版本号

我想在应用程序中安装特定版本的@angular/material和@angular/cdk。package.json 中提供了相同的内容。但是什么时候npm i下载最新的材料包和cdk。

重现步骤：

• 克隆仓库
• 安装包 ( npm install)
• 验证下载的软件包版本 ( ng -v)

如何将标题位置设置为固定，例如：

但是后来我使用它，我的样式是崩溃的，所有标题值ID并Registered在一个单词中合并而没有缩进。

如何为表头设置固定位置并保存缩进？