AngularJS:动态编译决策

Question

这是柱塞http://plnkr.co/edit/iPsyEAIQWxJIJuneZb8B?p=preview

我想要的是当我点击登录时，auth指令应该自动将模板更改为'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')

下面是教程：07

Answer 2

我修好了你的柱塞里的几个虫子。检查一下这里

您的主要错误是$watch表达式。应该是scope.$watch('authed', function () {});而不是scope.$watch(scope.authed, function () {});。

我也玩过一些，并且想出了这个版本。其思想是将登录/注销逻辑与cookie操作分开，并消除显式DOM操作、$compile()等。