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

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

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

Answer 2

将此用于角材料编号，

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