Question

我有一个包含一些字段的表格。我将字段分为三个表单组。

我如何在HTML中获得NgClass条件？

我尝试过这样的事情：

Ts模型文件：

export class Rule {
id: number;
name: string;

TS文件：

export class RegrasModalComponent implements OnInit, OnDestroy {

// Propriedades Input do componente
  @Input() title: string;
 @Input() rule: Rule;

ngOnInit() {
this.ruleForm = this.fb.group({
  name: ['', Validators.required],
  dataInicio: ['', Validators.required],
  dataFim: ['', Validators.required],
  cell: ['', Validators.required],
});

HTML：

<input class="step" [(ngModel)]="rule.name" type="text" id="name"
                                                formControlName="name" nbInput fullWidth placeholder="Descripción"
                                                [ngClass]="{ 'has-error': rule.name.valid }" />

我收到此消息：无法读取未定义的属性“有效” 在Object.eval [作为updateDirectives]

请问有人可以帮我吗？

Answer 1

对象name的属性rule不存在。也许您正在寻找访问ruleForm函数中定义的对象ngOnInit的意图？

[ngClass]="{ 'has-error': ruleForm.name.valid }"

如何使用NgClass条件更改样式？

1 个答案: