角度验证错误为“ngClass"，因为它不是“div"的已知属性.( [英] Angular Validation Error as 'ngClass' since it isn't a known property of 'div'. (

问题描述

在这里，我为 EName 验证编写了一个小的验证属性，当我尝试 2 Load Html 页面时，我收到错误为ngClass"，因为它不是div"的已知属性.(

Component.ts

import { Component, OnInit } from "@angular/core"从../../../templates/employee/employee"导入{员工}从@angular/forms"导入 { Validators, FormGroup, FormBuilder }@成分({选择器:客户用户界面"，templateUrl: "../../../templates/customer/customer.html"})导出类 JamComponent 实现 OnInit {员工表格:表格组；公共构造函数(私有 fb:FormBuilder){}ngOnInit(): 无效 {this.EmpleoyeeForm = this.fb.group({EmpName: ['', [Validators.required]]})}

HTML 代码

<字段集><div class="form-group" [ngClass]="{'has-error': (EmpeoyeeForm.get('EmpName').touched ||EmpleoyeeForm.get('EmpName').dirty) &&!EmpeoyeeForm.get('EmpName').valid }"><label for="name">Name</label><input type="text" class="form-control" formControlName="EmpName" [(ngModel)]="EmpName"/>

</fieldset></表单>

解决方案

如果您已经拥有 CommonModule/BrowserModule 但它仍然无法工作，还要确保您正确键入了属性.我有 ngclass 而不是 ngClass(注意'C').

Here i wrote a small Validation Property for EName Validation when i try 2 Load Html page i'm getting Error as 'ngClass' since it isn't a known property of 'div'. (

Component.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>

解决方案

If you already have the CommonModule/BrowserModule and it's still not working, also make sure you typed the attribute correctly. I had ngclass instead of ngClass (notice the 'C').

这篇关于角度验证错误为“ngClass"，因为它不是“div"的已知属性.(的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！