在Angular Material Design中输入数字？

Question

有标准输入为：

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

Angular Material Design 中有什么东西吗？

我使用 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

将此用于角度材料编号，

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

Answer 2

这个已经不行了

<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); } 进行更改事件

Answer 3

简而言之，是的。您想要支持以下输入类型的 包装器

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

例如

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

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