動態修改與angularjs的DOM

我是新的與angularjs，我想添加一些動態內容到DOM。我想要做的是有點像twitter例如。我有一個不同的行的表，如果用戶點擊一行，有一些細節ajax加載只是行。我有一個模板行的細節（我想顯示（和編譯）只是插入點擊行因爲我不真正理解如何觸發一個指令與點擊，我試圖從一個控制器函數（單擊ng行），但我不能編譯（我只有模板顯示）。動態修改與angularjs的DOM

如果有人有一個想法如何做到這一點（最好，一種方法來做它與指令爲這似乎是這樣做）的正確方法。

感謝

來源

2012-11-13 Olivier

嘗試創建一個plunker http://plnkr.co。 – maxisam

由於目前尚不清楚你的模板是多麼複雜，你要添加，你可能不需要一個指令— NG-重複上< tr>元素可能就足夠了。在AngularJS主頁上，「Wire up a Backend」演示中，tab list.html顯示瞭如何使用ng-repeat將表中的行動態添加到表格中，以及通過query（）方法檢索的數據。這是否足以滿足您的需求？

來源

2012-11-13 16:11:07

那麼，我想要添加的模板並沒有被編譯，但是它有一個列表，一些關於列表中消息和項目的細節以及一個添加新評論的窗體。這裏是我想如何工作 http://jsfiddle.net/tagazok/gHvJr/2/ （我還沒有把模板，但想法是加載模板動態插入點擊行 – Olivier

我認爲你應該使用嵌套的div而不是tr，這樣你可以嵌套ng-repeats，out-ng-repeat將用於消息，而inner-ng-repeat將用於與消息相關的註釋。數據到同一個$ scope對象中。例如，$ scope.messages = [{id：'1'，text：'t1'，date：'...'，comments：[]}，{...}。 ..]。讓你的ng-click處理程序將註釋添加到數組$ scope.messages中適當的條目中，並且Angular應自動爲你更新視圖。 –

動態修改與angularjs的DOM

回答

相關問題