title: Trouble with ng-repeat in svg polygon tag
body: <p>I have a json file of the format [{name:"blabla", "svg": "147,87,156,59,161,59,153,89,149,88"}, more... ]. </p>
  
  <p>I want to use it in an agnularJS ng-repeat to create svg polygons like this: </p>
  
  <pre><code> &lt;svg&gt;
         &lt;polygon ng-repeat="item in svgList" points="{{item.svg}}" 
         class="{{item.name}}"&lt;/polygon&gt;                   
   &lt;/svg&gt;
  </code></pre>
  
  <p>The polygons are rendered but i get the error message: </p>
  
  <p>Error:  attribute points: Expected number, "{{item.svg}}".</p>
  
  <p>I added the list below to se what happend and i don't get any errors from it. </p>
  
  <pre><code>&lt;ul&gt;
      &lt;li ng-repeat ="item in svgList"&gt;{{item.svg}}&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Why is a polygon element diffrent form a li element? </p>
  
  <p>svgList is created from my json file. Code follows: </p>
  
  <pre><code>$http.get('svgTest.json').then(function success(response) {
              $scope.svgList = response.data;
              console.log("ok");
          },function error(response) {
              console.log("error");
          })
  </code></pre>