angularjs - ng-repeat 内でスコープ変数を出力できません

Question

ng-repeat ループ内で id を関連付けようとしています。誰かがこれを行う方法を提案できますか?

ここにコードがあります

<li ng-repeat="agent in agents">
     <chart chart-id={{agent}}></chart>
</li>

注: チャートは私の指示です。

Answer 1

ディレクティブが次のようになっていると仮定します。

app.directive('chart', function() {
   return {
       restrict: 'E',
       replace: true,
       scope: {
           chartId: '='
       },
       template: '<div>Agent {{chartId.name}} reporting for duty</div>'
   }
}

コードを更新して、中括弧を削除し、引用符を追加するだけです。

<li ng-repeat="agent in agents">
    <chart chart-id="agent"></chart>
</li>