Question

我是AngularJS的新手。我有一个HTML表格如下：

<table>
<thead>
<tr>
    <th>ID</th>
    <th>other stuff</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="rule in rules">
    <td>@{{ rule.id }}</td>
    <td ng-init="functionThatExecutesHttpPost(rule.id)" ng-bind-html="variable"></td>
</tr>
</tbody>
</table>

Angular函数如下所示：

$scope.functionThatExecutesHttpPost = function(ruleId) {
    $http.post('***'+ruleId).success(function(data) {
        $scope.variable = data;
    });
}

我现在遇到的问题是我想要在HTML视图中拥有的数据不仅存在于具有正确ID的每个'td'中。经过一番思考，这是你可以期待的行为。

我现在的问题是：
是否有可能将'ng-bind-html'赋予变量，如 - ＆gt;变量（rule.id），然后在Angular函数中我写了类似 - ＆gt; $ scope.variable（ruleId）= data;
或者这个问题可能还有另一种方法吗？

提前谢谢。

Answer 1

如果您不想执行任何操作，更好的解决方案是使用ng-include指令加载模板。当你从ajax中执行它时，它将在该td中加载所需的模板。

<强>标记

<tr ng-repeat="rule in rules">
    <td>@{{ rule.id }}</td>
    <td ng-include="'******'+ rule.id"></td>
</tr>

硬编码的网址保留在单引号中，其他动态ng-repeat当前变量与+符号连接在一起。

带有变量的AngularJS ng-bind-html

1 个答案: