2014-09-10 67 views
0

我使用angular-ui-bootstrap彈出窗口。我手動更改了popover模板以支持html。我改變了NG-結合到NG-綁定-HTML:Angular-ui引導程序無法正確使用模板

<div class=\"popover-content\" ng-bind-html=\"content\"></div>

我傳遞這樣的模板popover屬性:

<span ng-click="scopeFunction()">{{somethingFromScope}}</span>

所以{{somethingFromScope}}解析和作品,但ng-click功能沒有按沒有工作。 ng-show,ng-if(看起來像任何ng-指令)不工作。

這是什麼原因?我怎樣才能使它工作? 感謝

回答

0

只更改模板是不夠的

更新模塊的依賴關係是這樣的:

angular.module('ui.bootstrap.popover', ['ui.bootstrap.tooltip', 'ui.bootstrap.bindHtml']) 

而變模板

<div class="popover-content" bind-html-unsafe="content"></div> 

工程與angular.ui.bootstrap v0.11.0從2014-05-01

+0

這些依賴關係已經在我的代碼已經添加。 – 2014-09-10 15:58:56

+0

@n8m再次考慮你的問題後,唯一真正的選擇是複製ui.bootstrap中的模態指令並將彈出式樣式應用於它。甚至可以複製popover模板,並將該佈局包含到有條件地顯示和隱藏它的父指令中,也可以使用ui.bootstrap中的$ position服務來定位自己的popover。 – vittore 2014-09-11 13:45:01

+0

但爲什麼表達式在雙括號中進行評估,但ng指令不起作用? – 2014-09-11 16:02:33

0

經過研究荷蘭國際集團很多我找到一個解決方案:

如果需要使用模板酥料餅 - 使用AngularStrap酥料餅;)

相關問題