2014-02-09 84 views
1

問題:角度錶帶有錯誤嗎?或者我誤解了Angular是如何工作的,這是預期的嗎?角度錶帶工具提示不能在ng-repeat中工作

I've created a plunker to demonstrate the behavior

我想要什麼: 我想爲ng-repeat中的每個項目顯示不同的工具提示。

我看到的行爲: 在某些情況下,工具提示內容未正確插入到內容模板中。因此,您只能看到模板,而不能看到內容模板或內容本身。

條件:

  • 當第一次加載頁面時,工具提示正常工作。
  • 將項目添加到ng-repeat時,其工具提示不會填充模板的內容部分。
  • 如果頁面始於ng-repeat中的零個項目,則第一個項目中的工具提示將按預期工作。之後添加的項目將會出現問題。
  • 無論ng-repeat開頭的項目有多少,任何從其中刪除任何項目都會使將來添加的所有項目都沒有工作提示。

想法:如果我把它煮沸,「第一次加載」工作正常。之後,它沒有。我猜想會發生什麼是在第一輪將項目添加到ng-repeat之後發生的編譯步驟。此時,角度綁定工具提示代碼會看到指令屬性,並設置這些工具提示和內容模板。對ng-repeat的後續更改由角度配置丟失(儘管我可以在控制檯中看到每次更新ng-repeat列表時,實際上都會運行bs-popover=tooltip(item))。但我仍然難住,並想知道這是否是我可以避開的行爲。

如何在添加到ng-repeat的項目中添加動態工具提示?

+0

這似乎工作(_popover.html) ''

{{content}}
正在使用{{}},而不是'NG綁定'......完全陌生 – calebboyd

+0

請添加作爲答案。但是,該方法繞過內容模板。注意,在使用'{{content}}'時,'這裏是我展示動態查找的彈出窗口'(藍色文本)部分'無論如何,我想知道發生了什麼,以及是否值得報告到角帶。 –

回答

1

這似乎_popover.html

<div class="popover-content">{{content}}</div>

工作正在使用{{ }}代替NG綁定的......工作非常奇怪。

經進一步調查......它大概發生的地方在這裏:

https://github.com/mgcrea/angular-strap/blob/master/src/tooltip/tooltip.js#L83

雖然我不知道在哪裏/如何/什麼呢。

更新

所以(在角帶)的錯誤是關於緩存模板。初始檢索(通過http)工作正常。但它將它們緩存爲一個數組,並從緩存中檢索(隨後添加),它將獲得一個數組。這沒有一個.dataproperty所以你的模板是空的,你ng-bind被刪除..

+0

是的!我只是看到了我自己。謝謝,我會向角帶報告。 –

+0

以下是github上的問題:https://github.com/mgcrea/angular-strap/issues/455 –

+0

嗯......那很奇怪..我們都在最新發布的標籤中.. Master有固定的 https://github.com/mgcrea/angular-strap/commit/612148e0bf19f287676fa7063e146d66f6ea5d78我只是把它記下來...... – calebboyd