角度材质选择并在同一字段内输入
我遇到过这篇文章，当选择在输入之后时效果很好，但是在输入之前如何将它与mat select一起使用呢？一旦我切换顺序，组件就变得不可用，字段内的每次单击都会触发选择。
在一个表单字段中输入和选择角度材质
我的叉子：https://stackblitz.com/edit/angular-6nqzf1-ox413y?file=app/form-字段概述示例。html
<mat-form-field appearance="outline">
<mat-label>End Time</mat-label>
<mat-select name="ampm" class="ampm" [(ngModel)]="event.eampm">
<mat-option value="AM">AM</mat-option>
<mat-option value="PM">PM</mat-option>
</mat-select>
<input matInput type="time" placeholder="HH:MM" id="end_time_hour" [formControl]="timeFormControl">
</mat-form-field>
共有1个答案
按照“angular material docs”中的说明创建自定义表单字段控件：创建自定义表单字段控件
-
我有一个mat select，其中的选项是数组中定义的所有对象。我试图将该值设置为其中一个选项的默认值，但是当页面呈现时，该值处于选中状态。 我的typescript文件包含： 我的HTML文件包含： 我已尝试将和
-
我试图使用“背景动画边框输入-材料2.0”输入，如图所示：https://mdbootstrap.com/docs/jquery/forms/inputs/#animated-inputs 我也在使用“懒惰加载”方法（关于路由）。 这是原件 这是它应该工作的方式 这就是它~实际上~所做的 问题是“输入字段”工作不正常。输入数据时，字符“覆盖”标签 如何解决这个问题？如果这需要一个特定的模块，在哪里
-
我使用Angular 7.2创建一个选择控件，如下所示： 这正是我们想要的。我有一些代码希望删除选定的项目，大致如下： 虽然这会将其从选定项的数组中删除。如果我从选择控件中选择新值，则所有原始项仍被选中（即勾选）。 如何清除所选项目？ 根据@Maarti的响应，我的代码现在可以使用
-
我使用的是:Angular 4.4.5@Angular/Material:2.0.0-beta.12
-
我正在尝试使用一个有角度的材质（7.0）选择列表，如下所述。 页面上的示例代码片段是 使用TS文件中定义的，如其代码片段所述： 对我来说很有意义，但是当我尝试编译时，我得到了错误： 我已将导入到我的应用程序模块中。 我没有看到与要导入的列表选项相关的其他模块。 我错过了什么？
-
我需要能够从角材料列表中删除选定的项目。为此，我决定从初始项目数组中减去选定项目数组（不确定这是最好的方法）。 我的问题是，我找不到一种方法来将超文本标记语言中的选定项数组传递给TS并使用它。 Angular材料在其留档中有以下示例： 其中x是mat-seltion-list选择器的ID，y是对所选元素执行的操作。但这似乎只适用于超文本标记语言。 下面是我不工作的代码。 HTML，其中我设置了列表