svgポリゴンタグのng-repeatの問題

Question

[{name： "blabla"、 "svg"： "147,87,156,59,161,59,153,89,149,88"}などのjsonファイルがあります。 。]。

私はこのようなSVGのポリゴンを作成するためにagnularJS ngのリピートでそれを使用したい：ポリゴンを描画する

<svg> 
     <polygon ng-repeat="item in svgList" points="{{item.svg}}" 
     class="{{item.name}}"</polygon>     
</svg> 

が、私はエラーメッセージを取得：

エラー：属性ポイント：期待をナンバー、 "{{item.svg}}"。

私は何が起こったのかを以下のリストに追加しましたが、何のエラーもありません。

<ul> 
    <li ng-repeat ="item in svgList">{{item.svg}}</li> 
</ul> 

なぜポリゴン要素がli要素から異なるのですか？

svgListはjsonファイルから作成されます。コードは次のとおりです。このエラーは、レンダリングの前にSVGを検証するブラウザの動作が原因である

$http.get('svgTest.json').then(function success(response) { 
      $scope.svgList = response.data; 
      console.log("ok"); 
     },function error(response) { 
      console.log("error"); 
     }) 

Answer 1

、これはngAttr属性結合で固定することができます。 Read More。

だけsvgList` `であるか、この作業Fiddle