角度验证错误为'ngClass‘，因为它不是'div’的已知属性。(
角度验证错误为'ngClass‘，因为它不是'div’的已知属性。(
提问于 2017-07-02 19:55:59
在这里，我为EName验证写了一个小的验证属性，当我尝试2 Load Html page时，我得到的错误是'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]]
})
}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>回答 3
Stack Overflow用户
发布于 2019-01-18 12:39:52
如果你已经有了CommonModule/BrowserModule，但它仍然不能工作，还要确保你输入的属性是正确的。我用ngclass代替了ngClass (注意'C')。
Stack Overflow用户
发布于 2019-06-10 18:08:51
从‘@angular/common’导入{ CommonModule }；
..。
导入: CommonModule、
Stack Overflow用户
发布于 2020-03-26 20:06:00
确保组件已导入并添加到app.module.ts中的声明数组中，如下所示：
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientModule } from '@angular/common/http';
import { AppComponent } from './app.component';
import { JamComponent } from './jam.component';
@NgModule({
declarations: [
AppComponent,
JamComponent
],
imports: [
BrowserModule,
HttpClientModule,
AppRoutingModule
],
providers: [],
bootstrap: [
AppComponent
]
})
export class AppModule { }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44870542
复制相关文章
相似问题