javascript - AngularJS: 動的コンパイル ディレクティブ

Question

[プランカー] は次のとおりです: http://plnkr.co/edit/iPsyEAIQWxJIJuneZb8B?p=preview

私が望むのは、ログインをクリックすると、認証ディレクティブがテンプレートを自動的に「logout.html」に変更し、ログアウトをクリックすると、「login.html」を使用するように切り替えることです。しかし、これまでのところ、ページを手動で更新して、テンプレートを切り替える指示を作成する必要があります。

どうすればこの目的を達成できますか?

Answer 1

ルートの使用。

app.config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/login', {
            templateUrl: 'login.html',
            controller: 'loginCtrl'
        })
        .when('/logout', {
            templateUrl: 'logout.html',
            controller: 'logoutCtrl'
        })
}]);

次に、 $location.path('/logout') または $location.path('/login') を実行します

チュートリアルは次のとおりです: http://docs.angularjs.org/tutorial/step_07