Question

我正在使用$stateprovider在我$state.go('view1')转到view1.html的页面之间导航：

config(['$qProvider','$stateProvider','$locationProvider', '$routeProvider', function($qProvider,$stateProvider,$locationProvider, $routeProvider) {
   $locationProvider.hashPrefix('!');
   $stateProvider
        .state('index', {
            url: '/',
            templateUrl: 'index.html'
        })
        .state('view1', {
            url: '/view1',
            templateUrl: 'view1/view1.html',
            controller:'View1Ctrl'
        })
        .state('view2', {
            url: '/view2',
            templateUrl: 'view2/view2.html'
        });
   $routeProvider.otherwise({redirectTo: '/'});
   $qProvider.errorOnUnhandledRejections(false);
 }])

使用$state的功能：

 controller("appcontroller",['$scope','$state','$stateParams',function($scope,$state,$stateParams,$rootScope){
$scope.login = function()
{
    $state.go('view1');

}
}]);

这里view1.html正在加载，但它显示在index.html上方。

Answer 1

当您使用Anguar ui-router时。你必须保留在index.html中。所以你的view1.html将只在那里被替换。 index.html中的其他代码将不受角度代码的影响。

<p> Here is me </p>
<ui-view></ui-view>

现在，如果你改变路线。 “这是我”将永远存在。

希望这是我理解的问题。

页面加载AngularJS中的上一页

1 个答案: