我正在嘗試使用 Angular Material FormControl 來驗證控件。為了學習此控件,我使用 Angular Material 網站上的代碼示例(帶有錯誤消息的輸入示例位于https://v8.material.angular.io/components/input/examples)。我正在看一個使用 Angular Material v8.2.3 的示例。該示例的ts代碼如下:import {Component} from '@angular/core';import {FormControl, Validators} from '@angular/forms';/** * @title Input with error messages */@Component({ selector: 'input-errors-example', templateUrl: 'input-errors-example.html', styleUrls: ['input-errors-example.css'],})export class InputErrorsExample { emailFormControl = new FormControl('', [ Validators.required, Validators.email, ]);}該示例的 HTML 如下:<form class="example-form"> <mat-form-field class="example-full-width"> <input matInput placeholder="Email" [formControl]="emailFormControl"> <mat-error *ngIf="emailFormControl.hasError('email') && !emailFormControl.hasError('required')"> Please enter a valid email address </mat-error> <mat-error *ngIf="emailFormControl.hasError('required')"> Email is <strong>required</strong> </mat-error> </mat-form-field></form>CSS 文件的內容沒有任何異常。問題是該示例不會按編寫的方式編譯和運行程序。當嘗試編譯示例代碼時,出現以下失?。篊an't bind to 'formControl' since it isn't a known property of 'input'.顯然,這個例子中的某些內容要么缺失,要么錯誤。該示例沒有命名任何其他支持 [formControl] 作為屬性的依賴類或模塊,代碼中沒有命名為 formControl 的變量,并且我沒有對示例代碼進行任何導致任何功能不起作用的更改。有人使用過這個示例中使用的表單控件嗎?如果是這樣,我在這里缺少什么?你是如何讓這個機制發揮作用的?
- 2 回答
- 0 關注
- 165 瀏覽
添加回答
舉報
0/150
提交
取消