角度验证错误为'ngClass',因为它不是'div'的已知属性。

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (13)

在这里我为EName验证编写了一个小的验证属性,当我尝试加载Html页面时,我将错误视为'ngClass',因为它不是'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]]

        })
    }

ःTmlchode

<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>
提问于
用户回答回答于

您需要添加BrowserModule

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

如果是在子模块中导入CommonModule。

import { CommonModule } from "@angular/common"
用户回答回答于

如果您已经拥有CommonModule / BrowserModule并且它仍然无法正常工作,请确保正确键入该属性。我ngclass不是ngClass(注意“C”)。

扫码关注云+社区

领取腾讯云代金券