成功したログイン後にログインユーザ名を表示する必要があります

Question

私はAngularJSアプリケーションを構築しています。ユーザがログインしているときにページのヘッダにユーザ情報を表示したいと思います。 "{{username}}"ようです。

Answer 1

あなたの努力はZeorです。

あなたが直面している問題は理解できませんが、私もAnjularJsで新しくなりましたので、あなたは以下の説明を参照してください。

• たとえば、/loginと/homeと言うと、ログインとホームで異なるルーティングを作成する必要があります。

• 次に、コントローラーとテンプレートの両方を無効にします。

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

• 次にcontollerで認証を確認します（ユーザログインかどう最良のチェックのための認証サービスを作成）し、応じて結果をリダイレクトします。

• ログインユーザデータの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> 
  

私も新しいので、私が何か間違っていると編集やコメントをお願いします。

希望すると、これが役立ちます。