Служба Angular не присваивает данные локальной переменной

Question 1

Я пытаюсь использовать запрос GET для получения данных для помещения в локальную переменную. Мне удалось заставить локальную переменную отображать свои данные в консоли администратора, если это находится в коде подписки. Однако, когда я размещаю console.log снаружи, он не работает. Почему «this.taskSchedule» не отображается в консоли?

export class TestTaskComponent implements OnInit {
  profileForm: FormGroup;

  taskSchedule: any = {};


  constructor(
    private taskScheduleService: TaskScheduleService,
    private stateStorageService: StateStorageService,
    private router: Router) { }

  ngOnInit() {
    this.taskId = this.stateStorageService.getCurrentTaskId();

    this.taskScheduleService.getTaskSchedule(19).subscribe(data => {
      this.taskSchedule = data;
    });
    console.log(this.taskSchedule);
  }
}

В выводе на консоль написано просто "undefined". Он должен выводить данные API

angular rest service

0

GolfBravo 10 Апр 2020 в 01:30

Answer

Потому что вы пытаетесь получить к нему доступ после блока подписки, который является асинхронным. Прочитайте мои комментарии.

ngOnInit() {
    // This is an asynchronous function
    this.taskScheduleService.getTaskSchedule(19).subscribe((data) => {
    // Here you can access this.taskSchedule
    this.taskSchedule = data;
    // Here we know that the value is assigned and we will call another method
    this.accessTaskSchedule();
    });
    // This is where the subscribe block ends so when you try to console this.taskSchedule you will find it empty or not yet assigned
    console.log(this.taskSchedule);
}

// let's have another method where we could access the local variable
accessTaskSchedule() {
    // here you would be able to access this because you made sure that you are using it after it's set
    console.log(this.taskSchedule);
}

0

Immad Hamid 10 Апр 2020 в 02:07

Но как мне получить к нему доступ вне блока подписки?

–

GolfBravo

10 Апр 2020 в 01:56

Вы можете получить к нему доступ извне, но только когда блок подписки выполняется. Позвольте мне показать вам пример. проверьте мой ответ еще раз через минуту

–

Immad Hamid

10 Апр 2020 в 02:02

Question 2

Потому что вы пытаетесь получить к нему доступ после блока подписки, который является асинхронным. Прочитайте мои комментарии.

ngOnInit() {
    // This is an asynchronous function
    this.taskScheduleService.getTaskSchedule(19).subscribe((data) => {
    // Here you can access this.taskSchedule
    this.taskSchedule = data;
    // Here we know that the value is assigned and we will call another method
    this.accessTaskSchedule();
    });
    // This is where the subscribe block ends so when you try to console this.taskSchedule you will find it empty or not yet assigned
    console.log(this.taskSchedule);
}

// let's have another method where we could access the local variable
accessTaskSchedule() {
    // here you would be able to access this because you made sure that you are using it after it's set
    console.log(this.taskSchedule);
}

0

Immad Hamid 10 Апр 2020 в 02:07

Но как мне получить к нему доступ вне блока подписки?

–

GolfBravo

10 Апр 2020 в 01:56

Вы можете получить к нему доступ извне, но только когда блок подписки выполняется. Позвольте мне показать вам пример. проверьте мой ответ еще раз через минуту

–

Immad Hamid

10 Апр 2020 в 02:02

Служба Angular не присваивает данные локальной переменной

1 ответ

Похожие вопросы

Связанные вопросы

Новые вопросы

angular