我正在尝试在单击按钮时将一个视图移动到另一个视图>我可以将一个视图移动到第二个视图。但是在移动它时开始从右向左滑动。我需要阻止这种滑动.意味着我需要学习使用动画将一个视图移动到另一个视图的各种类型的方法(从左到右或从上到下或没有动画或从下到上)。
在这里
检查我的代码http://goo.gl/Q2k6mf
单击"预览"按钮 。然后键入"ABW"并选择"ABW"行.it从服务器下载数据,然后移动到第二个视图,滑动为什么?我需要阻止这种滑动.
其次我正在第一个控制器中下载数据.在移动到第二个视图之前,有没有更好的方法来点击服务器或调用网络服务?
$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
你为什么要删除那个动画,它太甜了,但你来了。
app.config(function($stateProvider, $urlRouterProvider,$ionicConfigProvider){
$ionicConfigProvider.views.transition('none')
// rest of the config
})
编辑:对于您的第二个问题:这是有关如何使用ui路由器解析的代码片段
.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;
}
}
})
并在您的控制器中,注入"已解决的数据"
-
要禁用导航过渡,请使用
$ionicConfigProvider
$ionicConfigProvider.views.transition('none') in config box
-
要在控制器用户
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
。