动态禁用反应形式的下拉菜单答案

<ul data-dropdown data-value class="bx--dropdown" tabindex="0"> <li class="bx--dropdown-text">Validation type</li> <li> <ul class="bx--dropdown-list"> <li data-option [attr.data-value]="input" class="bx--dropdown-item" *ngFor="let input of validationTypes;"> <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1">{{input}}</a> </li> </ul> </li> </ul>

let fieldSetGroup = <FormArray>this.createTemplateForm.get("fieldSets"); fieldSetGroup.push(this.fb.group({ key: ["", Validators.required], "type": ["", Validators.required], mandatory : ["", Validators.required], validationType: [""] })); let fg = <FormGroup> fieldSetGroup.controls[id]; if (fg.controls["key"] === "Apple") { fg.controls["validationType"].disable(); }

【解决方案1】：

你有两个选择，要么使用响应式形式，要么使用 css 类

为了使用响应式表单，请将formControlname 添加到您的组件中

<ul data-dropdown data-value class="bx--dropdown" tabindex="0" formControlName="validationType">
     <li class="bx--dropdown-text">Validation type</li>
     <li>
       <ul class="bx--dropdown-list">
        <li data-option [attr.data-value]="input" class="bx--dropdown-item"   *ngFor="let input of validationTypes;">
         <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1">{{input}}</a>
        </li>
      </ul>
   </li>
</ul>

并在您的方法中添加以下代码（您想禁用它）

const ctrl = this.fg.get('validationType');
  ctrl.disable();

使用 css 实现这一点
将此添加到您的组件 css 中

.disabled{
    pointer-events:none;
    opacity:0.4;
  }

并在你的 html 中将此 cals 添加到你的元素中

 <ul data-dropdown data-value class="bx--dropdown" tabindex="0" [class.disabled]="fg.invalid">
     <li class="bx--dropdown-text">Validation type</li>
     <li>
       <ul class="bx--dropdown-list">
        <li data-option [attr.data-value]="input" class="bx--dropdown-item"   *ngFor="let input of validationTypes;">
         <a class="bx--dropdown-link" href="javascript:void(0)" tabindex="-1">{{input}}</a>
        </li>
      </ul>
   </li>
</ul>

请将fg.invalid替换为您的验证条件

【讨论】：

谢谢，但是这两种方法对我都不起作用，错误错误：第一种方法的路径：'fieldSets -> 0 -> validationType' 的表单控件没有值访问器。
请在[class.disabled]="fg.invalid" 中用"fg.invalid 替换您的验证条件
里面我的验证条件是什么？ if (mycondition) { fg.invalid}?
在一个问题中修改
将[class.disabled]="fg.invalid"更改为[class.disabled]=fieldSetGroup.values.key =='apple'