私は Angular 2 の素材の md-input コンポーネントを使用しています。これはまだ素材のアルファ版であることは知っていますが、誰かが md-input で Angular 2 に必要な html 検証属性を使用する方法を説明してくれるかもしれません (まだ実装されていますか? ?)。私はこれを試しました(うまくいきます):
<md-card>
<md-input
placeholder="Url"
id="url"
url="url"
[(ngModel)]="urlInputValue"
#url="ngModel"
required>
<md-hint *ngIf="url.errors && (url.dirty || url.touched)" [ngStyle]="{'color': 'red'}"> Url is required </md-hint>
</md-input>
<button
md-raised-button color="accent"
[disabled]="isUrlInputEmpty()"
(click)="onRequestBtnClick()">
Request
</button>
</md-card>
「必須」の使い方は?
<md-hint *ngIf="url.errors.required && (url.dirty || url.touched)" [ngStyle]="{'color': 'red'}"> Url is required </md-hint>