2017-09-27 26 views
1

代码段一formgroupname适用disabled属性:如何在div标签是在角4

<div formGroupName="address" [disabled] = "isDisabled"> 
<label class="accordion-header">Address:</label> 
    <input type="radio" name="address" value="true" formControlName="address" [checked]="settingsForm.controls.address.controls.booleanAddress.value === 'true'">Inherit 
    <input type="radio" name="address" value="false" formControlName="address" [checked]="settingsForm.controls.adddress.controls.booleanAddress.value === 'false'">Override 

林不能够使用禁用或只读上formgroupname在股利或部分标签。我可以在组件类中的formcontrol名称中应用,但要求是在组级别应用禁用。

如何禁用整个组?

我采用了棱角分明4.

回答

2

有没有办法禁用div;但是你可以模拟这种使用CSS pointer-events:none

你可以象下面这样:

<div formGroupName="address" [ngClass]="{'disableDiv': isDisabled}"> 
<label class="accordion-header">Address:</label> 
    <input type="radio" name="address" value="true" formControlName="address" [checked]="settingsForm.controls.address.controls.booleanAddress.value === 'true'">Inherit 
    <input type="radio" name="address" value="false" formControlName="address" [checked]="settingsForm.controls.adddress.controls.booleanAddress.value === 'false'">Override 

和SCSS:

.disableDiv{ 
    pointer-events:none; 
} 
+0

谢谢,我肯定会尝试。 – shinchan

0

你不能,而无需编写某种自定义的指令。 readonly不是disabled属性对于HTML中的div标记都是有效的。

+0

是的,我听说过,但我是新来的角度。所以能你请告诉我我该如何做到这一点? – shinchan