Javascript 角度4.0.0 novalidate属性

Javascript 角度4.0.0 novalidate属性,javascript,html,forms,angular,Javascript,Html,Forms,Angular,迁移到angular 4后,我的模板驱动表单出现了一个奇怪的问题。我的requiredattr on input似乎已损坏。我假设默认情况下它具有novalidate属性。但我需要一些html5验证。尝试了novalidate=“false”,但没有成功。 是否有某种方法可以启用验证?现在它似乎在验证器中使用反应式表单。必选的是唯一的方法 谢谢 我的HTML组件代码段: <form (submit)="savePhone(phone);" novalidate="false"> &l

迁移到angular 4后,我的模板驱动表单出现了一个奇怪的问题。我的
required
attr on input似乎已损坏。我假设默认情况下它具有
novalidate
属性。但我需要一些html5验证。尝试了
novalidate=“false”
,但没有成功。 是否有某种方法可以启用验证?现在它似乎在
验证器中使用反应式表单。必选的
是唯一的方法

谢谢

我的HTML组件代码段:

<form (submit)="savePhone(phone);" novalidate="false">
<h3>Новый телефон</h3>
<md-input-container>
    <input mdInput placeholder="Номер телефона"
           onlyNumber="true" name="number"
           [(ngModel)]="phone.number" required>
</md-input-container>
<md-select placeholder="Источник получения" (ngModel)="phone.source" name="source">
    <md-option *ngFor="let source of sources" [value]="source">
        {{ source }}
    </md-option>
</md-select>
<textarea name="comment" placeholder="Текст комментария"
          [(ngModel)]="phone.comment" name="comment">
</textarea>
<div layout="row" layout-align="end">
    <button class="button button--success" type="submit">
        Добавить
    </button>
</div>

Новый телефон
{{source}}
Добавить

启用HTML5验证使用

<form (submit)="savePhone(phone);" ngNativeValidate>


另请参见详细说明:默认情况下,Angular4会在ngForm(您的表单标签)中自动添加
novalidate
。正如我们所知,
novalidate
禁用HTML5本机浏览器验证。如@Günter所说,如果您想启用HTML5验证,请在表单标记中添加Angular的
ngNativeValidate
属性。裁判:见鬼!