Блог

Главная - Вопросы по программированию - Необходимо загрузить боковую панель навигации без использования «window.location.reload ()» в Angular

Необходимо загрузить боковую панель навигации без использования «window.location.reload ()» в Angular

#html #css #angular #typescript

#HTML #css #angular #typescript

Вопрос:

Я не могу загрузить панель навигации в этом методе, кроме window.location.reload () работает нормально, но я не хочу перезагружать все приложение

 maximizeClick(event) {
    let status = event.currentTarget.checked;
    if (status == false) {
      $('body').addClass("nav-function-minify");
      let minandmax = 0;
      var obj = {
        userid:  this.userid,
        minandmax: minandmax
      }
      if (this.userPreferenceStatus) {
        this.commonService.postuserpreference(obj).subscribe(res => {
          this.getuserPreferences();
          this.toastr.success('preference added successfully');
        }, err => {
          this.toastr.error('error in geting ser preferences');
        })
      }
      else {
        this.commonService.UpadateUserPreferences(obj, 'minandmaxupdate').subscribe(res => {
          this.getuserPreferences();
          this.toastr.success('preference updated successfully');
          **window.location.reload();**
        }, err => {
          this.toastr.error('error in geting ser preferences');
        })
      }

    }}

Комментарии:

1. Пожалуйста, предоставьте свои идеи, ребята

2. Возможно, я просто не знаю, но можете ли вы просто удалить класс Minify и добавить альтернативный класс с помощью .removeClass(minify).removeClass (maximize).addClass (maximize) ?

3. ГАЛИ, в общем, у тебя всегда должна быть навигационная панель. Если вы хотите изменить часть своей навигационной панели, вы можете использовать сервис, подписаться на тему в навигационной панели и выдавать значения из вашего компонента: angular.io/guide/… (на самом деле название очень плохое, технология используется для объединения двух компонентов — не обязательно отношения родитель-потомок. ПРИМЕЧАНИЕ: для изменения класса вы можете использовать [ngClass] : angular.io/api/common/NgClass