분리 범위가있는 지시문에서 발사하지 않음

Question

D3 및 각도로 어떤 작업을 시도하고있었습니다. 나는 이것이 D3과 관련이 있다는 것을 확신하지 못한다. 단지 거기에 남겨 두었 기 때문에 내가 시도한 모든 것을 재현 할 수있다 ..

다음은 나의 문제를 재현하는 plunk이다.

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

입니다 내가 무엇을 시도하고, 데이터 배열을 생성하고 그 데이터를 기반으로 D3의 SVG 원 세트를 생산하고 있습니다. 생성 된 지시문은이 데이터 배열을 "감시"하고 축소 또는 확장하는 배열을 기반으로 더 많은 원을 만들거나 삭제해야합니다. 논리가 꽤 간단하다는 점을 생각합니다. 나중에이 작업을 수행하기 위해 $ timeout을 사용하여 배열에 새로운 값을 추가하고 있습니다.

Answer 1

음, 첫째,이 코드 : 당신이 당신의 범위 obj의 아무 곳이나 dataArray를 정의하지 않기 때문에 <circles data="obj.dataArray"></circles> 잘못된 것 같습니다.

그래서이 :

function($scope,model,$timeout) { 
    $scope.obj = {}; 
     model.data[0] = 20; 
     model.data[1] = 30; 
     model.data[2] = 40; 
     model.data[3] = 50; 

     $timeout(function(){ 

      model.data.push(Math.random()*100); 
      console.log(model.data); 
     },1000); 
} 

아마이 같은 몇 가지를해야합니다

function($scope,model,$timeout) { 
    $scope.model = model; 
    $scope.model.data[0] = 20; 
    $scope.model.data[1] = 30; 
    $scope.model.data[2] = 40; 
    $scope.model.data[3] = 50; 

    $timeout(function(){ 
     $scope.model.data.push(Math.random()*100); 
     console.log($scope.model.data); 
    },1000); 
} 

그리고이 : <circles data="obj.dataArray"></circles>는 <circles data="model"></circles>을해야합니다. 당신의 지시에 지금

, 당신은 다음과 같이 범위를 설정 한 :

scope : { 
    data : '&' 
}, 

그러나 그것은해야한다 :

scope : { 
    data : '=' 
}, 

하면 데이터가 나타내는 개체에 대한 참조를 원하기 때문에 속성. &은 속성에 실행하려는 표현식이 포함되어있는 경우에 사용됩니다.

이러한 변경 사항으로 인해 지침의 scope.data에 "commonModel"에 대한 참조가 포함되어 있으므로 해당 명령에서 "commonModel"을 요청할 필요가 없습니다. 그런 다음 $ watch를 변경하여 "data.length"를 보아 항목이 언제 추가되거나 제거되었는지 알 수 있습니다. 이 같은

뭔가 : http://plnkr.co/edit/sa9blROCm8FFhRQSEWii