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

简而言之，是的。你想要＆lt; md-input-container＆gt;包装器，支持以下输入类型

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

这个不再工作了

<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

将其用于角材料编号

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