Angularjs與jquery.chosen - ngModel不會更新

Question

我使用https://github.com/localytics/angular-chosen指令來創建簡單的多選控件。

這應該很簡單，但是select上的ngModel不會被更新。

這裏是角控制器代碼：

var app = angular.module('Simple', ['localytics.directives']) 

.controller('SimpleCtrl', function ($scope, $http) { 

    $scope.states = ['one', 'two', 'three', 'four'] 

    $scope.state = ['one']; 

}); 

HTML：

<select multiple 
    chosen 
    ng-model="state" 
    ng-options="s for s in states"> 
    <option value=""></option> 
</select> 

<p ng-repeat="s in state">{{s}}</p> 

一切正常，除了 '國家' 沒有更新。我正在使用angularjs 1.2.10。 我會很感激任何建議。謝謝。

這裏的jsfiddle與提出相同的問題http://jsfiddle.net/mousenine/MQzXq/12/

Answer 1

問題的根源是我jQuery的包括後angular.js。在jsfiddle中也是如此。

一旦顛倒了順序（第一個jQuery，然後角），它開始正常工作。

這裏是我發現什麼是捕獲https://github.com/angular/angular.js/wiki/Understanding-Directives#wiki-element--angularelement--jquery--