Asyncronous server call, resource, angular

Question

I'm very confused. I hope you can help me.

This is my factory

productsFactory.getAllDiciplines = function(){
  return $resource('/api/disciplines/');
}

It returns an array.

This is my controller:

$scope.diciplines = ProductsFactory.getAllDiciplines().query();

This is my view:

<select ng-model="diciplines" ng-options="d.dp_title for d in diciplines"></select><br>

This works. However, when I choose an item in my selectbox. It get's empty. All items disappear. I know this has something do to with that $resource uses asyncronous calls.

How do I fix this?

you are overriding property in ng-model

Ajay Singh Beniwal
– Ajay Singh Beniwal

2013-09-19 08:36:04 +00:00
Commented Sep 19, 2013 at 8:36 — Ajay Singh Beniwal
– Ajay Singh Beniwal, Commented Sep 19, 2013 at 8:36

TalentTuner · Accepted Answer · 2013-09-19 08:25:44Z

1

Your selected item is the whole list !

<select ng-model="diciplines" ng-options="d.dp_title for d in diciplines"></select><br>

create another property some thing SelectedDicipline and bind it

$scope.SelectedDicipline  = {};
<select ng-model="SelectedDicipline" ng-options="d.dp_title for d in diciplines"></select><br>

answered Sep 19, 2013 at 8:25

TalentTuner

17.6k6 gold badges40 silver badges65 bronze badges

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

1 Comment

Joe Over a year ago

Ha, thx! How embarrassing. You don't happen to know how to set the default value? As it is now it's empty.

Collectives™ on Stack Overflow

Asyncronous server call, resource, angular

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related