角2：檢查DIV點擊

Question

我要檢查單選按鈕，獲取價值並添加類「選擇」當用戶點擊div來sectionBlock單選按鈕

請幫忙沒有得到如何角2

做到這一點

selectPlant(){ 
 
    console.log(''); 
 
    }

<div class="SectionContent"> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="AEP" /><span>AEP</span></div> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="ELP" /><span>ELP</span></div> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="HCL" /><span>HCL</span></div> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="HCM" /><span>HCM</span></div> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="HDA" /><span>HDA</span></div> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="HMA" /><span>HMA</span></div> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="HMI" /><span>HMI</span></div> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="HSC" /><span>HSC</span></div> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="MAP" /><span>MAP</span></div> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="MMP" /><span>MMP</span></div> 
 
    <div class="sectionBlock" (click)="selectPlant($event)"><input type="radio" class="plant" name="plant" value="PMC" /><span>PMC</span></div> 
 
    </div>

Answer 1

使用指令ngClass當選擇了無線電，你有什麼變數selectedInput

例如一個

div [ngClass]="{'sectionBlock': selectedInput}" (click)="selectPlant('AEP')">