在ng-repeat内部的ng-click函数中添加参数似乎不起作用

Question

我有一个ng-repeat像这样的简单循环：<li ng-repeat='task in tasks'>  <p> {{task.name}}  <button ng-click="removeTask({{task.id}})">remove</button></li>控制器中有一个功能$scope.removeTask(taskID)。据我所知，Angular将首先渲染视图并用{{task.id}}数字替换插值，然后在单击事件时将评估ng-click字符串。在这种情况下ng-click，完全可以得到预期的结果，即：ng-click="removeTask(5)".但是……它什么也没做。当然，我可以编写代码以task.id从$tasks数组甚至DOM中获取代码，但这似乎不像Angular那样。那么，如何ng-click在ng-repeat循环内向指令添加动态内容呢？

Answer 1

对于在搜索中找到此内容的人来说，这也值得一提...

<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。传递给的参数goTo()是绑定对象（button）的属性中的字符串，但没有用引号引起来。看起来AngularJS为我们处理了这个问题。我挂了几分钟。

Answer 2

这可行。谢谢。我正在注入自定义html并在控制器中使用angular对其进行编译。

        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);