javascript - Angularjs with jquery.chosen - ngModel does not get updated - Stack Overflow

admin管理员组

文章数量:1404927

I'm using directive to create simple multiselect control.

This should be simple, but ngModel on select does not get updated.

Here is angular controller code:

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>

Everything works except 'state' does not get updated. I'm using angularjs 1.2.10. I would appreciate any suggestion. Thanks.

Here is jsfiddle with presenting same issue /

I'm using https://github./localytics/angular-chosen directive to create simple multiselect control.

This should be simple, but ngModel on select does not get updated.

Here is angular controller code:

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>

Everything works except 'state' does not get updated. I'm using angularjs 1.2.10. I would appreciate any suggestion. Thanks.

Here is jsfiddle with presenting same issue http://jsfiddle/mousenine/MQzXq/12/

• javascript
• jquery
• angularjs
• jquery-chosen

Share Improve this question Follow edited Feb 13, 2014 at 2:24 Misha N. asked Feb 13, 2014 at 1:24 Misha N.Misha N. 3,45511 gold badge3030 silver badges3636 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

The root of the problem was I included angular.js after jquery. It was like that in the jsfiddle as well.

Once reversed the order (first jquery, then angular) it started to work normally.

Here is where I found what was the catch https://github./angular/angular.js/wiki/Understanding-Directives#wiki-element--angularelement--jquery--

本文标签： javascriptAngularjs with jquerychosenngModel does not get updatedStack Overflow