【问题标题】:Input number in Angular Material Design?在Angular Material Design中输入数字?
【发布时间】:2018-01-11 06:16:48
【问题描述】:

有标准输入为:

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

Angular Material Design 中有什么东西吗?

我使用 Angular 最新版本

我试过了,但它只是简单的输入:

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

应该是&lt; md-input-container input="number"&gt;ot input type="number"&gt;?

【问题讨论】:

标签: angular material-design angular-material2


【解决方案1】:

将此用于角度材料编号,

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

【讨论】:

  • 这个答案是必要的,因为如果您正在寻找matInput number type,它是 Google 上的第一个结果。
【解决方案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); } 进行更改事件

【讨论】:

    【解决方案3】:

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

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

    例如

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

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

    【讨论】:

    • 可以分享例子,因为不清楚在哪里设置属性:type="number"
    • 应该是&lt; md-input-container input="number"&gt;ot input type="number"&gt; ?
    • 这是简单的输入 type="number" 在这种情况下我不能设置箭头样式
    • 如何在 CSS 中设置箭头样式(上、下)?
    • 链接没有提到md-input-container md-input-container 用于 AngularJS 材质,而不是 Angular 材质。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-08-28
    • 1970-01-01
    • 2016-09-20
    • 1970-01-01
    • 1970-01-01
    • 2019-05-14
    相关资源
    最近更新 更多