Angularjs error - Input field frozen after assigning the return object to the $scope

Question

I am performing a search operation to retrieve the data. Able to call the API and get the data back.

The result object is assigned back to $scope.model

$scope.model=results;

When I look at the page and try to change the search criteria, the input field looks like frozen. I had to refresh the page again to enter the search criteria.

Two input boxes to search. ID and name. After the even operation, neither ID nor name are editable.

This is the code

    searchApp.controller('SearchController',
function SearchController($scope, SearchData, $routeParams) {
    $scope.Search= function () {       
        $scope.model= SearchData.fetch($scope.model);    
    };
});

please help me

John Tseng · Accepted Answer · 2013-06-27 22:59:12Z

2

I had a similar problem a few days ago. My problem was that my function was putting a string into the scope, but the rest of the code was expecting a promise. Here, you look like you probably have the opposite problem. $scope.model is probably suppose to be a string or number, but fetch probably returns a promise.

The solution may be to allow fetch to take a promise. If it gets things that are not promises, $q.when() it so that it becomes a promise. It's safe to $q.when promises.

answered Jun 27, 2013 at 22:59

John Tseng

6,3822 gold badges29 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

superboy Over a year ago

Yes. That might be the problem. But how do I need to use $q.when()?

superboy Over a year ago

Thanks. I got the example from here. stackoverflow.com/questions/13033118/…

Collectives™ on Stack Overflow

Angularjs error - Input field frozen after assigning the return object to the $scope

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related