Angular 基于角度材质输入模板的类型验证_Angular_Angular Material_Material Design

Angular 基于角度材质输入模板的类型验证

angular angular-material

Angular 基于角度材质输入模板的类型验证,angular,angular-material,material-design,Angular,Angular Material,Material Design,我使用的是一个角度材料，尽管文档中说HTML5类型属性应该被解释为一个验证器指令，但它并没有这样认为，当字段的值与类型不匹配时，也不会出现验证错误。例如：URL 尝试了以下操作： <input name="urlInput" [(ngModel)]="profile.url" matInput type="url"> 对于角度模板驱动的表单，这似乎是一个尚未解决的问题。请参见此处的open bug:对于角度模板驱动的表单，这似乎是一个公开问题。请参见此处的open bug:我在使

我使用的是一个角度材料，尽管文档中说HTML5类型属性应该被解释为一个验证器指令，但它并没有这样认为，当字段的值与类型不匹配时，也不会出现验证错误。例如：URL

尝试了以下操作：

<input name="urlInput" [(ngModel)]="profile.url" matInput type="url">

对于角度模板驱动的表单，这似乎是一个尚未解决的问题。请参见此处的open bug:

对于角度模板驱动的表单，这似乎是一个公开问题。请参见此处的open bug:

我在使用电子邮件类型时遇到了类似的问题。Stackblitz演示：在使用电子邮件类型时，我有一个类似的问题。Stackblitz演示：