這裏我寫的ename驗證小驗證屬性,當我嘗試2裝載Html頁面我收到提示爲「ngClass」,因爲它不是「DIV」的已知屬性。(Angular2 Validation Error as'ngClass',因爲它不是'div'的已知屬性。 (
組件。 TS
import { Component, OnInit } from "@angular/core"
import { Employee } from "../../../templates/employee/employee"
import { Validators, FormGroup, FormBuilder } from "@angular/forms"
@Component({
selector: "customer-ui",
templateUrl: "../../../templates/customer/customer.html"
})
export class JamComponent implements OnInit {
EmpleoyeeForm: FormGroup;
public constructor(private fb: FormBuilder) {}
ngOnInit(): void {
this.EmpleoyeeForm = this.fb.group({
EmpName: ['', [Validators.required]]
})
}
Htmlcode
<form class="form-horizontal" novalidate [formGroup]="EmpleoyeeForm">
<fieldset>
<div class="form-group" [ngClass]="{'has-error': (EmpleoyeeForm.get('EmpName').touched ||
EmpleoyeeForm.get('EmpName').dirty) &&
!EmpleoyeeForm.get('EmpName').valid }">
<label for="name">Name</label>
<input type="text" class="form-control" formControlName="EmpName" [(ngModel)]="EmpName" />
</div>
</fieldset>
</form>
您是否在@ngModule'imports'列表中導入了'FormsModule'? –
是我重要的形式模塊 –