Chosen with AngularJs 1.3

[willypowwow]

I have been using Chosen for quite some time successfully with Angular 1.2 After having updated to AngularJS 1.2 I notice that the select box no longer displays an existing model value on page load though it will after selected an option from the list. Has anyone else reported this?

I have tried watching the model value from my directive but that has not helped

diligentApp.directive('rpdLookup', function () {

return {
    restrict: 'E',
    template: '<select ng-options="item.Value as item.Value for item in lookupList"><option value=""></Option></select>',
    controller: 'dropdownLookupCtrl',
    required: 'ngModel',
    replace: true,
    scope: {
        lookupList: '=',
        ngModel: '='
    },
    link: function (scope, element, attrs, modelCtrl) {

        if (!modelCtrl) return;

        element.chosen();

        var unwatch1 = scope.$watch('lookupList', function () {
            element.trigger('chosen:updated');
        });

        var unwatch2 = scope.$parent.$watch(attrs.ngDisabled, function (newVal) {
            element.prop('disabled', newVal);
            element.trigger('chosen:updated');
        });

        var unwatch3 = scope.$watch('ngModel', function () {
            element.trigger('chosen:updated');
        });

    }
}

});

[willypowwow]

I was able to resolve the problem by wrapping the trigger method within a $timeout. I have no idea why this behavior is different in AngularJs 1.3.

            scope.$watch('lookupList', function (newList, oldList) {
            $timeout(function () {
                element.trigger('chosen:updated');
            });
        });

[rodrigopires]

Tks @willypowwow, I was with the same problem today and your tip helped me ;) Strange issue.

[pfiller]

Closed since @willypowwow was "able to resolve the problem"