2

私は 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>
4

1 に答える 1