Ionic (AngularJS) - 重定向用户和路由

Question

所以我在这个新项目中使用了 Ionic，并且在路由方面需要一点支持（角度 n00b）。

我有这些状态：

$stateProvider.state('map', {
    url: '/map',
    views: {
        map: {
            templateUrl: 'views/map.html',
            controller: 'mapCtrl'
        }
    }
})

.state('help', {
    url: '/help',
    views: {
        help: {
            templateUrl: 'views/help.html'
        }
    }
})

.state('setname', {
    url: '/setname',
    views: {
        setname: {
            templateUrl: 'views/setname.html',
            controller: 'setNameCtrl'
        }
    }
})

并且我希望用户在“myName”为空时尝试访问另一个页面时被重定向到“setname”（将来我会做类似的事情来检查用户是否在允许访问之前登录应用程序）。

这是当前的 HTML，完全不确定...

<ion-tabs class="tabs-positive">
    <ion-tab icon="ion-home" ui-sref="map">
        <ion-nav-view name="map"></ion-nav-view>
    </ion-tab>
    <ion-tab icon="ion-help" ui-sref="help">
        <ion-nav-view name="help"></ion-nav-view>
    </ion-tab>
</ion-tabs>

请帮助解决这个问题，我将不胜感激。

第二个问题，仍然是路由和显示内容：我的应用程序的基础将是地图。我希望用户能够在任何时候非常快速地访问它，所以我希望它在显示另一个页面时始终在后台保持可用（比如说帮助）。因此，每当用户单击给定按钮时，它只会将他带回地图，而不必再次加载它。你会如何建议我这样做？我想过使用 Ionic 的“popover”属性，但我不确定这是否正确：http://ionicframework.com/docs/api/service/$ionicPopover/

非常感谢！

Answer 1

如果 myName 属性为真/假，您可以包含一个服务，它会检查每个控制器。 喜欢：

Service.checkMyName($scope).then(function(response){
   if(!response){
      $location.path("/yourPath");
   }
});

第二种方法： 可能不好的方法，但在我看来更流畅的方法是将 myName 属性注入 rootScope。所以你可以检查每个网站：

if(!$rootScope.myName){ $location.path("/yourPath");

如果未指定值 myName，现在用户将被重定向到页面“yourPath”。

您的第二个问题：您应该查看http cache option：http 请求只执行一次。数据已缓存，因此用户可以看到它而不会闪烁。

希望对你有帮助。

Answer 2

第一个问题 你应该使用 $state.go，例如：

.controller('testCtrl', function($scope, $state) {
$scope.data = {};

$scope.save = function(){
        if ($scope.data.Name == ""){
            $state.go("setname");
        }

})