如何打開按鈕，點擊angular2

Question

一個div手風琴我有一個手風琴如圖

<div class="panel-group" id="accordion"> 
    <div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h4 class="panel-title"> 
     <a data-toggle="collapse" data-parent="#accordion" href="#collapse1"> 
     Collapsible Group 1</a> 
     </h4> 
    </div> 
    <div id="collapse1" class="panel-collapse collapse in"> 
     <div class="panel-body">Text1 <button (click)="Open()">Apply</button></div> 
    </div> 
    </div> 
    <div class="panel panel-default"> 
    <div class="panel-heading"> 
     <h4 class="panel-title"> 
     <a data-toggle="collapse" data-parent="#accordion" href="#collapse2"> 
     Collapsible Group 2</a> 
     </h4> 
    </div> 
    <div id="collapse2" class="panel-collapse collapse"> 
     <div class="panel-body">Text2</div> 
    </div> 
    </div> 
</div> 

我想打開一個基於在第一面板按鈕單擊第二個可摺疊的面板。我怎樣才能做到角2？

Answer 1

您可以使用引用變量定義在行動中使用的元素：

<button (click)="open(panel)">Apply</button> 

這裏是你的面板裝飾有可變

<div #panel class="panel-collapse collapse"> 
    <div class="panel-body">Text2</div> 
</div> 

你處理

open(panel) { 
    panel.classList.remove("collapse"); 
} 

檢查這個小提琴 https://jsfiddle.net/vadimb/p3c7k6ne/