gpt4 book ai didi

Angular 6 跟进 : [attr. 禁用] 选项值禁用所有条目

转载 作者:行者123 更新时间:2023-12-02 10:27:15 27 4
gpt4 key购买 nike

主题:Angular 6、响应式(Reactive)表单、下拉菜单、禁用一个选项:即使检查员说disabled=false,所有而不是仅一个预期值都被禁用。

人们之前非常友善地帮助我解决了我的问题:“Angular 6 Reactive Form - Select options: disable previously selected options ”但在我遇到障碍后它们似乎消失了,因此我的新问题:

为什么禁用所有选项值,而不是仅禁用应该与语句匹配的选项值? [attr.disabled]="uplink2x === dropdown1Val" (即使我硬编码 nic0 而不是 dropdown1Val 所有选项都被禁用)

组件.ts:

nicAdapters: any[] = ['nic0','nic1','nic2','nic3','nic4','nic5','nic6','nic7','nic8','nic9','nic10']


this.inputForm = this.fb.group({
upLinks: this.fb.group ({
NumberUplinks: ['2'],
uplinksMgmt: this.fb.group ({
uplink1: ['nic0'],
uplink2: ['nic1'],
uplink3: ['nic3'],
})
})
})

public changedVal(val) {
this.dropdown1Val = val;
}

组件.html:

<div class="select" formGroupName="uplinksMgmt">
<select formControlName="uplink1" id="uplink1Id" class="selectBox" (change)="changedVal($event.target.value)">
<option *ngFor="let uplink1x of nicAdapters" [ngValue]="uplink1x">{{uplink1x}}</option>
</select>
</div>
<div class="select" formGroupName="uplinksMgmt">
<select formControlName="uplink2" id="uplink2Id" class="selectBox" (change)="changedVal($event.target.value)">
<option *ngFor="let uplink2x of nicAdapters" [attr.disabled]="uplink2x === dropdown1Val" [ngValue]="uplink2x">{{uplink2x}}</option>
</select>
</div>

编辑:堆栈 Blitz :https://stackblitz.com/edit/clarity-light-theme-v012-irvrup

似乎 disabled="true" (或 disabled="false" 就此而言)不适用于选项值。

Screenshot of behavior

最佳答案

要禁用元素,只需使用属性 disabled 而不是 true 或 false。要再次启用它,您需要删除 disabled 属性。在您的代码中 [attr.disabled] 将值设置为 true 或 false,您需要的只是使用 [disabled] 而不是 [attr.disabled] .

  <option>Test FALSE</option>
<option disabled>Test TRUE</option>

<option *ngFor="let dropDownTestx of adapters"
[ngValue]="dropDownTestx"
[disabled]="dropDownTestx === 'vmnic2'">
{{dropDownTestx}}
</option>

更新了您的 stackblitz here

关于Angular 6 跟进 : [attr. 禁用] 选项值禁用所有条目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51729874/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com