以angular2動態綁定模型

我想在Angular2中動態綁定模態。這裏是我的代碼以angular2動態綁定模型

<div *ngFor="let interest of interest_data;" class="row"> 
    <a class="btn btn-xs btn-link" data-toggle="modal" data-target="#{{interest.id}}"> 
     <i class="fa fa-pencil"></i> 
    </a> 
</div>

和目標模式的元素是如下

<div *ngFor="let interest of interest_data;"> 
    <div class="modal fade" id="interest.id" tabindex="-1" role="dialog" 
    aria-labelledby="modalLabel" aria-hidden="true"> 
    </div> 
</div>

它不工作。做這件事的正確方法是什麼？

來源

2017-06-04 bhatia

你能分享一些javascript代碼嗎？ –

我已將interest_data作爲一個對象數組。所以我在循環對象id在源div和目標（模態）div – bhatia

什麼不工作？在你的評論中你說'data-target =「＃2」'。 – micronyks

嘗試使用[attr.data-target]和[attr.id]。我想你想要做這樣的事情：

<div *ngFor="let interest of interest_data;"> 

    <div> 
    <a class="btn btn-xs btn-link" data-toggle="modal" [attr.data-target]="'#' + interest.id"> 
     open modal 
     <i class="fa fa-pencil"></i> 
    </a> 
    </div> 

    <div class="modal fade" [attr.id]="interest.id" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
     modal data 
     </div> 
    </div> 
    </div> 

</div>

確保包括jQuery和bootstrap.js。

乾杯

來源

2017-06-04 06:19:23 Spitfire

現在工作正常。非常感謝！！ – bhatia

很高興知道。 :) – Spitfire

以angular2動態綁定模型

回答

相關問題