ng-repeat가 각도 j에서 작동하지 않는 이유는 무엇입니까 (지시문 사용)?

Question

내가 정의 지시어로 NG 반복을 사용하고 있지만이 방법이 오류 여기

을 제거하는 말씀 해주십시오 .can 내가 오류를 얻고 것은 http://plnkr.co/edit/uj8b3hL8T6MjoKSZyjsc?p=preview 정의 지시어 내 plunker입니다 은 // 코드는 여기

angular.module('ui.directive',[]).directive('newDir',function(){ 
    return{ 
     restrict:'E', 
     scope:{ 
      data:'=' 
     }, 
     replace:true, 
     templateUrl:"pop.html", 
     controller:function($scope){ 
      console.log($scope.data) 
     }, 

     link :function(scope,element,attr){ 
      element.click(function(){ 



      }) 
     } 
    } 

}) 

간다

Error: [$compile:tplrt] Template for directive 'newDir' must have exactly one root element. pop.html

: 오류가 발생

Answer 1

꽤 자명하다 기본적으로 템플릿에 하나의 루트 노드가 있는지 확인해야합니다. 끝에 br 태그가 추가되었습니다.

변경 :

<div><h1>{{str.name}}</h1><p>{{str.category}}</p></div></br> 

사람 : 범위 변수가 data입니다 그러나

또한

<div><h1>{{str.name}}</h1><p>{{str.category}}</p></div> 

,

귀하의 템플릿을 str를 참조한다.

<div><h1>{{data.name}}</h1><p>{{data.category}}</p></div> 

이

http://plnkr.co/edit/eUgmU45quL0VoNLY19ek?p=preview