2017-09-27 30 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