AngularValidators.required不能与ngIfhide/show搭配使用。
创始人
2024-10-29 22:00:26
0

在ngIf语句中使用setAttribute()方法将required属性设置为true或false。举个例子:

在HTML文件中:


{{errorMessage}}

在组件中:

import { Component } from '@angular/core';
import { Validators, FormControl } from '@angular/forms';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  value = '';
  isRequired = true;

  get errorMessage(): string {
    if (this.myInput.hasError('required')) {
      return '必填字段';
    }
  }

  myInput = new FormControl('', Validators.required);
}

在上面的示例中,我们使用了isRequired属性来控制是否显示验证错误消息。如果isRequired为true,则输入字段是必填项,并在Input组件中设置了Validators.required。如果isRequired为false,则未设置Validators.required,并且不会显示任何错误消息。此外,我们还使用了getAttribute()方法在ngIf语句中设置了required属性的值。

相关内容

热门资讯

透视系统!wepoke辅助机器... 透视系统!wepoke辅助机器人,云扑克德州辅助器,竟然存在有挂(详细辅助切实教程)运wepoke辅...
透视免费!微扑克ai辅助器苹果... 透视免费!微扑克ai辅助器苹果版,aapoker德州线上扑克,确实存在有挂(详细辅助透牌教程);一、...
透视真的!aapoker猫腻,... 透视真的!aapoker猫腻,德州之星辅助,确实有挂(详细辅助力荐教程)德州之星辅助辅助器中分为三种...
透视玄学!we辅助poker德... 透视玄学!we辅助poker德之星,微扑克俱乐部,切实是真的有挂(详细辅助新版2025教程)运we辅...
透视线上!wepoke智能ai... 透视线上!wepoke智能ai,wepoke的机制,一贯是真的有挂(详细辅助可靠教程)1、这是跨平台...
透视脚本!wepoke黑科技,... 透视脚本!wepoke黑科技,wpk有机器人吗,竟然有挂(详细辅助解密教程)1、wepoke黑科技a...
透视规律!aapoker有外挂... 透视规律!aapoker有外挂,wpk胜利跟号有关吗,都是有挂(详细辅助2025新版教程)运aapo...
透视模拟器!wpk德州透视辅助... 透视模拟器!wpk德州透视辅助,德州辅助软件开发定制,切实真的是有挂(详细辅助细节方法)1、wpk德...
透视软件!德扑起手牌胜率图,w... 透视软件!德扑起手牌胜率图,wepoke透明挂辅助,一直真的有挂(详细辅助AA德州教程)1、玩家可以...
透视存在!德扑ai智能机器人,... 透视存在!德扑ai智能机器人,德州软件后台控制,都是真的有挂(详细辅助详细教程)1、许多玩家不知道德...