Angularjs与jquery.chosen - ngModel没有得到更新

时间:2014-02-13 01:24:13

标签: javascript jquery angularjs jquery-chosen

我正在使用https://github.com/localytics/angular-chosen指令来创建简单的多选控件。

这应该很简单,但选择的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/

1 个答案:

答案 0 :(得分:8)

问题的根源是我在jquery之后包含angular.js。就像在jsfiddle那样。

一旦颠倒了顺序(第一个jquery,然后是角度)它开始正常工作。

我在这里找到了什么是捕获https://github.com/angular/angular.js/wiki/Understanding-Directives#wiki-element--angularelement--jquery--