1

私は非常に基本的なものを欠いています....

angularJS で作成された 3 つのビュー (ヘッダー、ボディ、フッター) があります。ログインに成功したときにヘッダーのテキストをログインからログアウトに変更し、ユーザーがログアウトしたときにログアウトからログインに変更したいと考えています。

私のファイル/コード:

index.php:

    <div ui-view="header"></div>
    <div ui-view="main"></div>
    <div ui-view="footer"></div>

header.page.html (ここに ng-bind または {{some var}} が必要だと思います)

    <li><a href="#login" >Login</a></li>

login.component.js (header.page.html に値を取得する方法がわからない)

    login(){
        var user = {
            company: this.company,
            username: this.username,
            password: this.password
        };
        var me = this;
        this.$auth
            .login(user)
            .then(function (response) {
                me.$auth.setToken(response.data);


// CHANGE LOGIN TO LOGOUT IN HEADER



                me.$state.go('app.dashboard');
            })
            .catch(function (response) {
                console.log("error response", response);
            })
    };

ログアウト機能 (header.page.html に値を取得する方法がわからない)

function dashboardController($state, $scope, $auth){
$scope.isAuthenticated = function () {
    return $auth.isAuthenticated();
};
document.title = "Dashboard";
$scope.logout = function () {
    $auth.logout();

    //change Logout To Login text in header

    $state.go('app.home');
};

}

4

2 に答える 2

0

If you want only change text in header form login you can get access to your 

<li><a id="login" href="#login" >Login</a></li>

like this: document.getElementById("login") and set new text or you can use service. Service you should inejct to login and header controller.

于 2016-03-26T14:30:40.390 に答える