ng-repeat中的wj-popup，Wijmo5和AngularJS

Question

我正嘗試在AngularJS應用程序中使用ng-repeat內的wj-popup，但遇到了困難。

基本上，我已經使用了wj-popup的演示示例，並將其封裝在ng-repeat中，如下所示。我有一個帖子數組，每個都有一個屬性，它的indexValue（post.indexValue）。

每個按鈕都需要有一個不同的ID，所以我期望使用post.indexValue應該能夠正常工作，並且它確實在每個重複上設置了按鈕ID，但是調用函數不起作用，並且彈出窗口沒有出現，我不確定我做錯了什麼。

<div ng-repeat="post in posts"> 

     Click to open, move focus away to close: 
     <button id="{{post.indexValue}}" type="button" class="btn"> 
      Click 
     </button> 


    <wj-popup class="popover" owner="#{{post.indexValue}}" show-trigger="Click" hide-trigger="Blur"> 
     <ng-include src="'includes/popup.htm'"></ng-include> 
    </wj-popup> 
</div> 

Answer 1

問題與id。即使沒有ng-repeat並且所有者ID以任何數字開頭，彈出窗口也不起作用。將按鈕ID更改爲「btn {{post.indexValue}}」爲我工作。試試這個fiddle。

<div ng-repeat="post in posts"> 
     Click to open, move focus away to close: 
     <button id="btn{{post.indexValue}}" type="button" class="btn"> 
      Click 
     </button> 


     <wj-popup class="popover" owner="#btn{{post.indexValue}}" show-trigger="Click" hide-trigger="Blur"> 
      <ng-include src="'includes/popup.htm'"></ng-include> 
     </wj-popup> 
</div>