首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >角度验证错误为'ngClass‘,因为它不是'div’的已知属性。(

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

Stack Overflow用户
提问于 2017-07-02 19:55:59
回答 3查看 23.2K关注 0票数 13

在这里,我为EName验证写了一个小的验证属性,当我尝试2 Load Html page时,我得到的错误是'ngClass‘,因为它不是'div’的已知属性。(

Component.ts

代码语言:javascript
复制
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

代码语言:javascript
复制
<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>
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44870542

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档