svg 폴리곤 태그에서 ng-repeat 문제 발생

[{name : "blabla", "svg": "147,87,156,59,161,59,153,89,149,88"} 등의 json 파일이 있습니다. .].svg 폴리곤 태그에서 ng-repeat 문제 발생

는이 같은 SVG 다각형 작성하기 위해 agnularJS 겨 반복에서 사용하려면 :

<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>

왜 다각형 요소가 다른 요소로 다릅니 까?

svgList는 json 파일에서 생성됩니다. 코드는 다음과 같습니다

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

출처

2017-05-12 zpeedi

를 참조하십시오 .. ng-attr-points 같은 points 속성이 문제가 해결됩니다 장식, 내가 svgList에 내 JSON 파일을 읽을 컨트롤러 코드 – anoop

을 보여줍니다. 게시물에 추가 된 코드 – zpeedi

렌더링 전에 SVG의 유효성을 검사하는 브라우저 동작 문제입니다. 내 대답을 참조하십시오. – anoop

이 오류는 렌더링하기 전에 SVG의 유효성을 검사 브라우저 행위로 인해, 이것은 ngAttr 고정 할 수 바인딩 속성. Read More.

그냥 svgList``에 무엇이 작업 Fiddle

출처

2017-05-12 09:42:51 anoop

svg 폴리곤 태그에서 ng-repeat 문제 발생

답변

관련 문제