컨트롤러에 양방향 바인딩이있는 각도 변환 된 지시문이 업데이트되지 않음

Question

가로 및 세로 창 분할자를 만들 때이 https://github.com/blackgate/bg-splitter을 사용하고 있습니다. (전체 코드는 내가 작성한 플 런크에 있습니다.)

컨트롤러를 사용하기 시작한 이래 컨트롤러와 지시문의 양방향 바인딩 문제가 있습니다.

지향성 두 변수에 listData 및 selectedOption 가지고

template: '<select ng-model="selectedOption" ng-options="l.name for l in listData" class="form-control"></select>', 
    scope: { 
     listData: "=", 
     selectedOption: "=" 
    }, 

컨트롤러는 이러한 변수가 변화를 감시하는 감시 기능을 가지고

$scope.listdata = [{id : 1, name : "listitem1"},{id : 2, name : "listitem2"},{id : 3, name : "listitem3"}]; 

$scope.selectedOption = null; 

$scope.$watch('selectedOption', function() { 
     console.log('updating selected choice'); 
     console.log($scope.selectedOption); 
}, true); 

및 지향성이 사용되고을 like :

<dropdown list-data="listdata" selected-option="listItem"></dropdown> 

방울 없음 스플릿 드롭 다운입니다. 왕. 어떤 이유에서, 바인딩 된 변수가 드롭 다운 지시문에서 업데이트 될 때 컨트롤러에서 업데이트되지 않습니다. 이것은 아마 범위 문제이지만, 나는 그것을 스스로 알아낼 수 없습니다. 어떤 도움이라도 대단히 감사합니다. 전체 코드는 다음 plunkr를 참조하십시오

http://plnkr.co/edit/UnJaPV8LYm3unILEU3Lq

Answer 1

유명한 견적을 기억하십시오. "당신이를 사용하지 않는 경우 (점) 당신의 모델이 잘못을하는거야?" 이에 시계 변경하는 경우 : 다음은이

<dropdown list-data="listdata" selected-option="data.listItem"></dropdown> 

이 원형 상속 문제 같은 소리 Plunker