2015-10-07 23 views
1

我使用footable插件與角度問題, 問題是footable將新表格行附加到我的表格,但它粘貼原始html文本而不是角度替換值,我的意思是{{ 「註釋」 |翻譯}},而不是「評論」(見「附加表圖像」)已編譯頁面中的新綁定

appended table image

我添加點擊事件,執行專項行動,重新評估,但我不知道如何重新綁定元素HTML。

表HTML

<th data-hide="phone,tablet" >{{'QUANTITY'| translate}}</th> 
... 
<tr ng-repeat="item in items | filter:itemsFilter" on-last-repeat ng-click="rowExpanded($event)" > 
    <td>{{item.Stock}}</td> 
    ... 
</tr> 

現在請讓我,如果你需要更多的信息。我很困,試圖用Google搜索,但我不知道我的問題。

編輯:在我看來,init腳本緩存表頭,然後重用那些不是由角度編譯的值,也許可以幫助找到答案。

問題是,角度不知道細節行存在,它裏面綁定不與價值觀

expanded first row with console view

+0

當然,我們需要更多信息:http://stackoverflow.com/help/mcve – Magus

+0

您是否獲得桌面視圖的確切文本和數據? –

+0

表頭使用相同的綁定,afaik footable獲取標題文本並將其放入新的詳細信息行中。當我縮小窗口大小時,列消失,並且它們的標題綁定文本({{'QUANTITY'| translate}})出現在詳細信息行中。 – Ernis

回答

0

我想通Ø UT,我需要重新編譯追加到footable下一個元素,我加了NG-單擊錶行:

<tr ng-repeat="item in items | filter:itemsFilter" on-last-repeat ng-click="rowExpanded($event)" > 

然後在控制器中,我發現,currentTarget.nextElementSibling將返回,下一個錶行,這正好是那個未編譯的新的細節行,所以$ compile可以做到這一點。然而,當行已經被擴展並且窗口被調整大小時,這不起作用,詳細信息行中的添加列將使用{{variablename}}語法。但我想我可以與下行

$scope.rowExpanded = function($event){ 
    $timeout(function(){ 
     console.log($event.currentTarget.nextElementSibling); 
     $compile($event.currentTarget.nextElementSibling)($scope); 
    }); 

}; 

編輯生活:確定這沒有工作,當我用<進度>模板。因爲當footable讀取數據的時候它只是一堆div,當我問angular來編譯這些,它不能編譯,因爲一堆div不是> progressbar <

但是,我發現另一個解決方案,所有事情都在角度方面完成後,我推遲了腳踏初始化:

TL; DR;我從表中刪除類'footable',所以它不會自動初始化,並且只有在所有ng-repeat行被添加(並編譯)到表後,纔在表元素上調用.footable()。這解決了我目前所有的腳架/角度關係問題。

-1

嘗試間隔出你的翻譯的語句代替,這樣反而

{{'COMMENT'|translate}} 

嘗試

{{ 'COMMENT' | translate }} 
+0

翻譯工作,因爲標題文本使用相同的綁定。它在動態添加的詳細信息行中不起作用。 – Ernis

相關問題