javascript – 带有jquery.chosen的Angularjs – ngModel没有得到更新

我正在使用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/

解决方法:

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

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

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

标签：javascript,jquery,angularjs,jquery-chosen
来源： https://codeday.me/bug/20190725/1531556.html