AngularJS와 + ChosenJS 업데이트 모델

Question

내가 여기에이 튜토리얼에 따라 ChosenJS 플러그인의 각도 지침을 만드는 오전 : https://www.youtube.com/watch?v=8ozyXwLzFYs

는 내가 뭘 원하는 값을 선택하면 모델 업데이트가 있습니다. 여기

function Foo($scope) { 
    $scope.legalEntitiesList = [ 
     { name: 'Foo' }, 
     { name: 'Bar' }  
    ]; 

    $scope.legalEntity = { name: 'Foo' }; 
} 

myApp.directive('chosen', ['$timeout', function($timeout) { 
    var linker = function(scope, element, attrs, ngModel) { 
    if (!ngModel) return; 

    element.addClass('chzn-select'); 

    $(element).chosen() 
      .change(function(e) { 
       console.log(ngModel.$viewValue); 
      }); 

    scope.$watch(attrs.chosen, function() { 
     $(element).trigger('liszt:updated'); 
    }); 
    } 

    return { 
    restrict: 'A', 
    scope: true, 
    require: '?ngModel', 
    link: linker 
    } 
}]); 

는 바이올린입니다 : http://jsfiddle.net/dkrotts/MQzXq/7/. 다른 옵션을 선택하면 모델 값이 업데이트되지 않습니다.

Answer 1

legalEntity 대신에 legalEntity.name에 바인드하도록 수정하면 바이올린이 작동합니다.

<select id="legalEntityInput" chosen="legalEntitiesList" ng-model="legalEntity.name" ng-options="legalEntity.name for legalEntity in legalEntitiesList" data-placeholder="Select..."><option></option></select> 

예제를 보려면 updated fiddle을 참조하십시오.

Answer 2

저는 이것을 코멘트로 추가하고 싶었지만 평판 포인트가 부족합니다. 그러나 최신 버전의 Chosen은 liszt:updated 대신 chosen:updated 번 이벤트를 사용합니다. 감사합니다. Dustin!