Observable returning value after method call finished

Question

getModel() method always return array with empty name array even when languages Observable returns value. why?

    export interface Category extends BaseModel {
      code: string;
      name: LocalizedValue[];
      description: LocalizedValue[];
      active: boolean;
    }

    getAllLanguages(): Observable<Language[]> {
       // this return list of languages
    }

    protected getModel(): Category {
    let model: Category = {
      id: '',
      code: '',
      name: [],
      description: [],
      active: false,
    };
    let nameField: LocalizedValue[] = [];
    this.languageService.getAllLanguages().subscribe(list => {
      list.forEach(l => {
        let n: LocalizedValue = {
          language: l.code,
          value: '',
        };
        nameField.push(n);
      });
    });
    model.name = nameField;
    return model;
  }

Does this answer your question? [How to return value from function which has Observable subscription inside?](https://stackoverflow.com/questions/38291783/how-to-return-value-from-function-which-has-observable-subscription-inside) — C.OG, Dec 24 '19 at 12:03
```return model;``` executes before subscribe so it is empty, return it in subscribe. — Fateme Fazli, Dec 24 '19 at 12:04

Lotte Lemmens · Answer 1 · 2019-12-24T12:10:30.190

You assign model.name outside of the subscribe. This will be executed before the code within the subscribe. Try this:

protected getModel(): Category {
let model: Category = {
  id: '',
  code: '',
  name: [],
  description: [],
  active: false,
};
let nameField: LocalizedValue[] = [];
this.languageService.getAllLanguages().subscribe(list => {
  list.forEach(l => {
    let n: LocalizedValue = {
      language: l.code,
      value: '',
    };
    nameField.push(n);
  });
  model.name = nameField;
  return model;
});

}

Observable returning value after method call finished

1 Answers1