在 Angular Material 设计中输入数字？

Question

标准输入为：

 <input type="number" placeholder="Hours">

在Angular Material设计中有什么东西吗？

我用的是Angular最新版本

我试过了，但它只是简单的输入：

<md-input-container>
  <input mdInput type="number" placeholder="Favorite food" value="Sushi">
</md-input-container>

应该是< md-input-container input="number">？ ot input type="number"> ?

Answer 1

简而言之，是的。您需要支持以下输入类型的 < md-input-container > 包装器

1. 日期
2. 本地日期时间
3. 电子邮件
4. 月
5. 人数
6. 密码
7. 搜索
8. 电话
9. 文字
10. 时间
11. url
12. 周

例如

<md-input-container>
    <input
        mdInput
        type="number"
        id="myNumber"
    />
</md-input-container>

结帐https://material.angular.io/components/input/overview

Answer 2

将此用于 angular material 个数字，

<mat-form-field>
  <input
    type="number"
    class="form-control"
    matInput
    name="value"
    placeholder="Slab"
    (change)="xxx()"
    formControlName="value">
</mat-form-field>

Answer 3

这个已经失效了

<md-input-container></md-input-container>

这很好..

<mat-label>Time</mat-label>
    <input type="number" class="form-control" matInput name="time" placeholder="Time" change)="xxx($event)" formControlName="time" required>

在 .TS 文件中，您可以使用 xxx (e) { console.log(e); }

更改事件