2017-07-02 38 views
1

這裏我寫的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> 
+0

您是否在@ngModule'imports'列表中導入了'FormsModule'? –

+0

是我重要的形式模塊 –

回答

10

您需要添加BrowserModule

@NgModule(
    imports: [BrowserModule, /* other imports */], 
    ... 
) 

如果是在子模塊中導入CommonModule。

import { CommonModule } from "@angular/common" 
+0

沒有使用兄弟已經嘗試 – Hussain

+0

嘗試按照更新 – Sajeetharan

+0

愛你sajeee bhai – Hussain

相關問題