我建立基於角應用程式+ ng-ui-bootstrap + ng-googleCharts 角動態插入的指令

欲顯示包含在特定的小區中的ui.bootstrap酥料餅的谷歌圖表數據表。我用來自數據庫的數據填充表的行。

我使用角度$resource service獲取數據，然後使用函數解析數據，該函數還爲帶有彈出窗口角度指令的ui.bootstrap彈出窗口創建了html標記。但是這個popover不起作用。

我建議，這是因爲插入到表中的數據需要由Angular重新編譯。我搜索了網頁，並用角度$編譯服務找到了解決方案。

我發現自定義指令，稱爲angular-html-bind，在每次更改綁定模型後重新編譯該指令元素的內容，因此可以動態綁定其他角度指令以查看，但我不知道如何使用modus操作數我的數據表中有angular-html-bind。

我創建了描述我的努力的plunker。令人遺憾的是，angular-html-bind指令不適用於那個笨蛋，我不知道爲什麼，但是那個Plunker包含了所有必要的模塊。

Plunker HERE

你可以看到任何方式我預期的目標（即數據表格單元格中插入提示/酥料餅）。

來源

2014-02-13 Vaclav

您的動態彈出窗口不工作，因爲指令谷歌圖表已隔離範圍，所以我不認爲這條線正在被正確評估。

{v: $sce.trustAsHtml($scope.popover)}

來源

2014-02-13 23:46:58 koolunix

我不太確定，'$ sce.trustAsHtml'與這個問題有什麼關係。我嘗試使用'$ sce'服務來解決我的問題，但它沒有使用它，因爲沒有它。 AFAIK，'$ sce'只能防止轉義，所以如果按鈕在表格內呈現爲HTML按鈕，那麼該值不會被轉義。我需要用Angular解析HTML代碼，我不確定，適當的'$ sce'實現將有助於這一點。 – Vaclav

嗯，我備份到明顯的解決方案 - 不使用谷歌圖表數據表，但創造經典風格的自舉HTML表格，並與角度表達式來填充它。

我試圖與谷歌，圖表嘗試，但無論如何，它不跟隨我的口頭禪：KISS（「保持甜&簡單」 - 這一次可能是在形式「保持簡單，愚蠢！」 :)

來源

2014-02-15 21:12:25 Vaclav

角動態插入的指令

Plunker HERE

回答

相關問題