AngularJS ng-bind-html 其中有一个变量

AngularJS ng-bind-html with a Variable in it

我是 AngularJS 的新手。 我有一个 HTML table 如下所示:

<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 视图中拥有的数据存在于每个 'td' 中,而不仅仅是具有正确 ID 的数据。稍加思考后,这是您可以预料到的行为。

我现在的问题是:
是否可以给 'ng-bind-html' 一个像 --> variable(rule.id) 这样的变量,然后在 Angular 函数中我写一些像 --> $scope.variable(ruleId ) = 数据;
或者这个问题可能有另一种方法吗?

提前致谢。

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

中所做的那样

标记

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

硬编码的 URL 保留在单引号中,其他动态 ng-repeat 当前变量按原样与 + 符号连接。