问题标签 [angular-material-5]

在这里，我使用 Angular5 的登录表单使用角度材料表单。当应用程序启动时，登录表单占位符不能被覆盖。但是一旦我登录并注销，那么只有输入字段会被覆盖。截屏

这是我的html模板

这是代码无法正常工作，如果我单击全选，它会选择所有复选框，如果我选择单个复选框，它也会选择所有项目。

请帮忙。

查看行为 - https://drive.google.com/file/d/1NG-CdTq3EgjDX8kc8VOSkPimYOzjdFSA/view

当我调整浏览器大小时，它会显示 mat-calendar 的内容，但最初它是空白的。

<mat-form-field> <input matInput [matDatepicker]="picker" placeholder="Choose a date"> <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-datepicker #picker></mat-datepicker> </mat-form-field>

MatDatepickerModule 和 MatNativeDateModule 已导入..

Package.json 依赖项

为什么它不起作用？我应该改变什么调整？我也在使用 MDBootsrap，这可能是问题吗？

更新

对 package.json 进行了一些更新 让事情再次正常运行有点混乱，因此请谨慎使用。

它突然开始工作，没有具体解释是什么问题..我也从项目中删除了 mdbootsrap，但在此之前它也运行良好。

I have one input box. I am showing some value in it. I want to make that input box as read-only. But arrows key, Home key, End key these keys should work.

I am showing multiple URLs by comma separated way. I want to navigate between these URLs. That's why I need above keys should work.

I tried with [readonly]="true", but I cant navigate within input box. I can not use disabled as well.

output

Is there any way to achieve this behaviour?

我有以下html代码

这就是功能，

但它似乎没有被调用，为什么？没有任何一个以上事件被触发？

我正在尝试在我的项目中使用 Angular Material 并且标签已导入，但并非所有样式都存在。

在我的 HTML 中：

它应该显示：

但它显示：

我添加@import "~@angular/material/prebuilt-themes/indigo-pink.css";到 styles.css 并且日历显示正常，但文本字段看起来仍然很糟糕。

我正在使用 Angular6 和角材料步进器。共有三种流程，其中步进控制具有一种形式，而第二步进控制具有 2 个输入字段。当我输入 firstStepperCtrl 并导航到第二步进器并单击 prev 并进入显示验证的第二步进器时。

在不触摸表单的情况下，将显示验证，如果已触摸第二个表单字段，如何重置步进器并验证步进器。

这是标记：

app.component.ts

[问题截屏链接]] 1

演示

我一直在寻找 mat 表中列上的过滤器的任何示例，但到目前为止还没有找到任何示例。我确实提供了一些有关方法的零碎信息，filterPredicate但没有完全了解如何处理它。

我的需要是单个列应该有一个过滤器，比如一个文本框或一个复选框，基于该过滤器dataSource将被过滤。

堆栈闪电战

在有角度的材料中，自动完成功能 mat-option 将在“值”字段和其中的文本上具有相同的条目。

我得到如下问题所示的输出..

如何在 Angular 2 Material Autocomplete 中获取所选项目的值

我想在文本框中显示选定的字符串并同时在 value 字段中设置 roleId .. 这可以实现吗？

我mat-table在我的 Angular 5 项目中使用过。该表由各种数据和删除选项组成。当数据被删除时，除非重新加载页面，否则它不会从表中消失。我曾splice在另一个数据表中使用过一个包，它工作得很好，但mat-table同样做不到。

我的桌子的看法：

我设置数据源的组件的 ngOnit 部分：

我的confirmDelete功能：

函数中存储的item值confirmDelete：

我flashMessage显示成功，但拼接不起作用。