Нужно отображать имя пользователя Имя после успешного входа

Question

Я создаю приложение AngularJS, и я хотел бы показать информацию о пользователе в заголовке страницы, когда пользователь вошел в систему. Что-то вроде «Добро пожаловать, {{username}}».

Answer 1

Ваши усилия - Zeor.

Мы не можем понять, с какими проблемами вы столкнулись, но поскольку я также новичок в AnjularJs, я могу понять, о чем вы просите, см. Описание ниже.

• Вы должны создавать различные маршрутов для входа в систему и дома, Пусть говорят /login и /home.

• Затем дефилировать контроллер и шаблон для обоих.

    when('/login',{ 
         templateUrl: 'login.htm', 
         controller: 'loginController' 
        }).when('/home', { 
         templateUrl: 'home.html', 
         controller: 'homeController' 
        }) 
  

• Затем в проверки регулятора, аутентификации (лучше всего создать службу идентификации для проверки, если пользователь Войти или нет) и перенаправление по результату.

• В homeController запросе пользователя Логин данных и показать его в виду некоторые вещи, как это:

  mainApp.controller('homeController', ['$scope', '$http', '$location', 
      function($scope, $http, $location) { 
       var uAjax = $http.get("/getUser"); 
       uAjax.success(function(data) { 
        if (data === 'failed') 
        {$location.url('/login');} 
        else{ 
         $scope.userName = data.username; 
        } 
       }); 
  
  }]); 
  

  home.html:

  <h1> Welcome {{userName}} </h1> 
  

Me также нового в угловых, так если я делаю что-то неправильно, отредактируйте или прокомментируйте.

Надеюсь, это вам поможет.