ngTagsInput이 모델에 바인딩되지 않았습니다.

Question

방금 ​​ngTagsInput 각도 라이브러리를 사용하기 시작했으며 모델을 업데이트하는 데 문제가 있습니다. ionicPopup에 태그 입력을 표시하고 흥미롭게도 $ scope.sites []가 채워진 것을 보여주는 태그가 추가 된 이벤트가 발생합니다.

$ scope.test()를 호출하면 배열이 비어 있습니다. 값을 보유하고있는 유일한 컨텍스트는 태그가 추가 된 이벤트에 연결된 메서드입니다. 여기

는 단순화 된 컨트롤러 예입니다

내가 같은 태그 요소가 정의되어 내 관점에서

$scope.sites = []; 

$scope.addSites = function() { 
    // this works 
    console.log("In addSites"); 
    console.dir($scope.sites); 
} 

$scope.test = function() { 
    // in any other method $scope.sites is empty 
    console.dir($scope.sites); 
} 

: 나는 그것을 믿을 수 없을만큼 이상한 $ 범위 변수가 값을 포함 할 수 있음을 발견

<tags-input ng-model="sites" add-on-space="true" placeholder="Add Site Numbers" on-tag-added="addSites($tag)"></tags-input> 

나는 도서관 행사의 맥락에서 기대할 만하다.

바인딩과 관련하여 특별한 조치가 필요합니까? 문서가 나오는 한, 내가 빠진 것이 보이지 않습니다. 어떤 제안이라도 대단히 감사 할 것입니다.

Answer 1

많은 시행 착오 끝에 나는 다음과 같이함으로써 이것을 해결했다. $ ionicPopup에 내 전화에 '$ 범위 범위를'({}) 만 설정 NG 모델없이 "$의 parent.sites는"올바르게 바인딩되지 않았습니다 할

<tags-input ng-model="$parent.sites" add-on-space="true" placeholder="Add Site Numbers" on-tag-added="addSites($tag)"></tags-input> 

이미 통과했다.

바라건대 누군가가 길을 걸어서 머리를 뽑아 버리지 않기를 바랍니다.