angularjs - 変数を含む AngularJS ng-bind-html

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' に --> variable(rule.id) のような変数を与えてから、Angular 関数で --> $scope.variable(ruleId) のようなものを書くことは可能ですか? = データ;
それとも、この問題に対する別のアプローチがありますか?

前もって感謝します。