$setViewValue doesn't update ng-model

[Alex Figueiredo]

Can someone tell me what I'm doing wrong here?

angular.module('customControl', [])
.directive('rangePicker', function () {
    
    return {
        restrict : 'E',
        require : '?ngModel',
        replace : true,
        transclude : true,
        template : '<div class="range" ng-transclude></div>',
        
        link : function (ng, elem, attrs, ngModel) {
            
            var title = 'Test';
            var i = 0;
            
            elem.bind('click', function () {
                console.log('click');
                ngModel.$setViewValue(title + ++i);
            });
            
        }
    }
});
​

<div ng-app="customControl">
     <range-picker ng-model="modelo">
        Filtrar por período
     </range-picker>
     {{modelo}}
</div>​

The problem is that my var "modelo" is never updated.

http://jsfiddle.net/AlexFigueiredoo/tHXpN/

[Peter Bacon Darwin]

This handler: 

elem.bind('click', function () {
                console.log('click');
                ngModel.$setViewValue(title + ++i);
            });

is being called from outside of AngularJS.  So you need to wrap it in a call to $apply().

elem.bind('click', ng.$apply(function () {

                console.log('click');
                ngModel.$setViewValue(title + ++i);

            }));

[Alex Figueiredo]

That didn't work http://jsfiddle.net/AlexFigueiredoo/tHXpN/1/

[Peter Bacon Darwin]

Sorry, I typed too fast, what I gave you was calling $apply in the link function.

What you actually needed was to pass a new function that will $apply when the button is clicked.

Here: http://jsfiddle.net/6ecy3/

Pete

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To post to this group, send email to ang...@googlegroups.com.
To unsubscribe from this group, send email to angular+u...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular?hl=en-US.
 
 

[Alex Figueiredo]

Thank you very much! 

[Dave Merrill]

In your fiddle I see this error when I click run: "$apply already in progress". I'm too new to advise beyond that, but I doubt this can work as-is.

Dave 

[Marjan Jangholi]

u can use ngModel.$render() after ngModel.$setViewValue(title + ++i);