如何在离子中将一种状态移动到另一种状态时消除滑动效果？

Question

我正在尝试通过单击按钮将一个视图移动到另一个视图> 我能够将一个视图移动到第二个视图。但是在移动它时开始从右向左滑动。我需要停止滑动。意味着我需要学习各种类型的方法来使用动画将一个视图移动到另一个视图（从左到右或从上到下或没有动画或从下到上）。

在这里检查我的代码
http://goo.gl/Q2k6mf

单击预览按钮。然后键入 "ABW" 和 select "ABW" row .它从服务器下载数据，然后滑动到第二个视图为什么？我需要停止滑动。

其次我正在第一个控制器中下载数据。在移动到第二个视图之前，有没有更好的方法来访问服务器或调用网络服务？

   $scope.rowclick=function(station){
     $scope.SEARCH.stationCode=station.stationCode;
     $scope.SEARCH.selected = true;


            $ionicLoading.show();
            $http.get("http://caht.firstrail.com/FGRailApps/jservices/rest/a/departure?crsCode="+ $scope.SEARCH.stationCode).then(function(data){
                $ionicLoading.hide();
                 $state.go('departuredashboard')
                console.log(data);
            },function(error){
                $ionicLoading.hide();
                alert("error"+error);
            })
   }

实际上我需要第二个视图的数据？这是代码 https://dl.dropbox.com/s/l2dtrxmnsurccxt/www.zip?dl=0

Answer 1

我不知道你为什么要删除那个动画，它太可爱了，但是给你。

app.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider){
     $ionicConfigProvider.views.transition('none')
          // rest of the config    
})

编辑：对于你的第二个问题：这里是关于如何使用 ui-router

解析的代码片段

.state('stateName',{ 
 url:'/SomeUrl',        
resolve: {
       resolvedData: function ($http) {
         var result = $http.get(yourUrlHere).success(function (data) {
                         return data;
                      }).error(function (err) {
                         return err;
                      });
                         return result;
                }
         }
  })

然后在你的控制器中，注入 "resolvedData"

Answer 2

要禁用导航转换，请使用 $ionicConfigProvider

$ionicConfigProvider.views.transition('none') 在配置框中
在控制器用户之前加载数据resolve:

app.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider) {
  $stateProvider
    .state('index', {
      url: '/',
      templateUrl: 'template1.html'
    })
    .state('state2', {
      url: '/state2',
      templateUrl: 'template2.html',
      controller: 'ACtrl',
      resolve:{ myData : ['$http',function($http) {
          var ULR ="your URL";
          return $http.get(URL);
        }]}
    })
    
    });

现在您可以像任何其他服务一样在您的第二个控制器中插入 myData。

如何在离子中将一种状态移动到另一种状态时消除滑动效果？

How to remove sliding effect while moving one state to another in ionic?

angularjs

angularjs-directive

angularjs-scope

ionic-framework

ionic