Question

假设我有一个包含3个不同页面的应用

第1页 - 模板1

第2页 - 模板1

第3页 - 模板2

第4页 - 模板2

我想为第1 + 2页使用相同的模板，为第3 + 4页使用相同的模板。

所以我想到了这样的事情：在index.html我有

<body class="body" data-ng-show="is_index"></body>
<body class="body" data-ng-hide="is_index"></body>

我正在is_index

设置$routeChangeSuccess

.controller('app', ['$scope','$route','$location',function($scope,$route,$location){
    $scope.$on("$routeChangeSuccess",function($currentRoute,$previousRoute ){

        if ($route.current.title == 'page1')
        {
            $scope.is_index = true;
        }
        else if ( $route.current.title == 'page2')
        {
            $scope.is_index = true;
        }
        else if ( $route.current.title == 'page3')
        {
            $scope.is_index = false;
        }
    });

这不行，我在设置is_index之前加载了body。

如果您有任何想法，请告诉我如何正确地做到这一点。

AngularJs在2个html体之间切换

0 个答案: