Javascript AngularJs在路由的2个html正文之间切换_Javascript_Angularjs_Angularjs Scope_Angular Routing

Javascript AngularJs在路由的2个html正文之间切换

javascript angularjs

Javascript AngularJs在路由的2个html正文之间切换,javascript,angularjs,angularjs-scope,angular-routing,Javascript,Angularjs,Angularjs Scope,Angular Routing,假设我有一个包含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_

假设我有一个包含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_索引之前加载了主体

如果您有任何想法，请告诉我如何正确执行。

您可以使用$routeChangeSuccess编写代码。因此，首先加载的两个视图应该是隐藏的。您在哪里声明

ng controller=“app”

？body必须在该控制器的范围内，隐藏/显示到工作。索引应该是在body1或body2之间选择的键，我没有配置ng控制器，因为我没有index.html的控制器。请检查事件

routeChangeStart

，然后查看。是否有更好的方法使用2个模板2个不同的html和css，如果我可以在index.html上运行，以便进行分离？

.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;
        }
    });