我有一個(gè)ng-repeat像這樣的簡(jiǎn)單循環(huán)：<li ng-repeat='task in tasks'> <p> {{task.name}} <button ng-click="removeTask({{task.id}})">remove</button></li>控制器中有一個(gè)功能$scope.removeTask(taskID)。據(jù)我所知，Angular將首先渲染視圖并用{{task.id}}數(shù)字替換插值，然后在單擊事件時(shí)將評(píng)估ng-click字符串。在這種情況下ng-click，完全可以得到預(yù)期的結(jié)果，即：ng-click="removeTask(5)".但是……它什么也沒做。當(dāng)然，我可以編寫代碼以task.id從$tasks數(shù)組甚至DOM中獲取代碼，但這似乎不像Angular那樣。那么，如何ng-click在ng-repeat循環(huán)內(nèi)向指令添加動(dòng)態(tài)內(nèi)容呢？
4 回答
人到中年有點(diǎn)甜
TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個(gè)贊
對(duì)于在搜索中找到此內(nèi)容的人來說，這也值得一提...
<div ng-repeat="button in buttons" class="bb-button" ng-click="goTo(button.path)">
<div class="bb-button-label">{{ button.label }}</div>
<div class="bb-button-description">{{ button.description }}</div>
</div>
注意的值ng-click。傳遞給的參數(shù)goTo()是綁定對(duì)象（button）的屬性中的字符串，但沒有用引號(hào)引起來。看起來AngularJS為我們處理了這個(gè)問題。我掛了幾分鐘。
長(zhǎng)風(fēng)秋雁
TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超7個(gè)贊
這可行。謝謝。我正在注入自定義html并在控制器中使用angular對(duì)其進(jìn)行編譯。
var tableContent= '<div>Search: <input ng-model="searchText"></div>'
+'<div class="table-heading">'
+ '<div class="table-col">Customer ID</div>'
+ ' <div class="table-col" ng-click="vm.openDialog(c.CustomerId)">{{c.CustomerId}}</div>';
$timeout(function () {
var linkingFunction = $compile(tableContent);
var elem = linkingFunction($scope);
// You can then use the DOM element like normal.
jQuery(tablePanel).append(elem);
console.log("timeout");
},100);
- 4 回答
- 0 關(guān)注
- 774 瀏覽
添加回答
舉報(bào)
0/150
提交
取消