亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Angular Material Form 控件示例無法運行

Angular Material Form 控件示例無法運行

PHP
波斯汪 2023-11-06 15:20:31
我正在嘗試使用 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 回答

?
縹緲止盈

TA貢獻2041條經驗 獲得超4個贊

您必須在包含此組件的模塊中導入 ReactiveFormsModule。也許你錯過了。



查看完整回答
反對 回復 2023-11-06
?
PIPIONE

TA貢獻1829條經驗 獲得超9個贊

您是否在應用程序模塊中導入了表單模塊?



查看完整回答
反對 回復 2023-11-06
  • 2 回答
  • 0 關注
  • 165 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號