私はサービスファイル内の機能を実行するためにajax呼び出しを使用しています、そして応答が成功したならば、私は別のURLにページをリダイレクトしたいです。現在、私はこれを単純なjs "window.location = response ['message'];"を使って行っています。しかし、それをangularjsコードに置き換える必要があります。私はstackoverflowの様々な解決策を見ました、彼らは$ locationを使いました。しかし、私は角度があることに慣れておらず、それを実行するのに苦労しています。
$http({
url: RootURL+'app-code/common.service.php',
method: "POST",
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
dataType: 'json',
data:data + '&method=signin'
}).success(function (response) {
console.log(response);
if (response['code'] == '420') {
$scope.message = response['message'];
$scope.loginPassword = '';
}
else if (response['code'] != '200'){
$scope.message = response['message'];
$scope.loginPassword = '';
}
else {
window.location = response['message'];
}
// $scope.users = data.users; // assign $scope.persons here as promise is resolved here
})
Angular $window
を使用できます。
$window.location.href = '/index.html';
コントローラーでの使用例
(function () {
'use strict';
angular
.module('app')
.controller('LoginCtrl', LoginCtrl);
LoginCtrl.$inject = ['$window', 'loginSrv', 'notify'];
function LoginCtrl($window, loginSrv, notify) {
/* jshint validthis:true */
var vm = this;
vm.validateUser = function () {
loginSrv.validateLogin(vm.username, vm.password).then(function (data) {
if (data.isValidUser) {
$window.location.href = '/index.html';
}
else
alert('Login incorrect');
});
}
}
})();
さまざまな方法で新しいURLにリダイレクトできます。
$location.path(YOUR_URL);
または$location.url(YOUR_URL);
を選択できます。したがって、2つのメソッドの基本的な違いは、$location.url()
はgetパラメーターに影響を与えますが、$location.path()
は影響を与えないことです。$location
と$window
のドキュメントを読むことをお勧めします。そうすれば、両者の違いをよりよく把握できます。
$location.path('/configuration/streaming');
これは動作します...コントローラに位置情報サービスを注入します
それはあなたを助けるかもしれません!
AngularJsコードサンプル
var app = angular.module('app', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider) {
// For any unmatched url, send to /index
$urlRouterProvider.otherwise("/login");
$stateProvider
.state('login', {
url: "/login",
templateUrl: "login.html",
controller: "LoginCheckController"
})
.state('SuccessPage', {
url: "/SuccessPage",
templateUrl: "SuccessPage.html",
//controller: "LoginCheckController"
});
});
app.controller('LoginCheckController', ['$scope', '$location', LoginCheckController]);
function LoginCheckController($scope, $location) {
$scope.users = [{
UserName: 'chandra',
Password: 'hello'
}, {
UserName: 'Harish',
Password: 'hi'
}, {
UserName: 'Chinthu',
Password: 'hi'
}];
$scope.LoginCheck = function() {
$location.path("SuccessPage");
};
$scope.go = function(path) {
$location.path("/SuccessPage");
};
}
私は新しいページにリダイレクトするために以下のコードを使いました
$window.location.href = '/foldername/page.html';
そして私のコントローラ関数に$ windowオブジェクトを注入しました。
Angular Js にすることができます windos.location.href = ''を使用して、フォームを ( 送信時に )にリダイレクトすることができます。
このような:
postData(email){
if (email=='undefined') {
this.Utils.showToast('Invalid Email');
} else {
var Origin = 'Dubai';
this.download.postEmail(email, Origin).then(data => {
...
});
window.location.href = "https://www.thesoftdesign.com/";
}
}
単にこれを試してください:
window.location.href = "https://www.thesoftdesign.com/";
私が使う簡単な方法は
app.controller("Back2Square1Controller", function($scope, $location) {
window.location.assign(basePath + "/index.html");
});
角度付きアプリでも別のページにリダイレクトする際の問題に直面しました
Ewaldが彼の答えで提案したように$window
を追加することができます、または$window
を追加したくない場合はタイムアウトを追加するだけでそれが機能します!
setTimeout(function () {
window.location.href = "http://whereeveryouwant.com";
}, 500);
これを行うための良い方法は、$ state.go( 'statename'、{params ...})を使用することです。アプリ全体の設定やその他のものをリロードしてブートストラップする必要がない場合は、ユーザーエクスペリエンスにとってより速く、よりフレンドリー
(function() {
'use strict';
angular
.module('app.appcode')
.controller('YourController', YourController);
YourController.$inject = ['rootURL', '$scope', '$state', '$http'];
function YourController(rootURL, $scope, $state, $http) {
$http({
url: rootURL + 'app-code/common.service.php',
method: "POST",
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
dataType: 'json',
data:data + '&method=signin'
}).success(function (response) {
if (response['code'] == '420') {
$scope.message = response['message'];
$scope.loginPassword = '';
} else if (response['code'] != '200') {
$scope.message = response['message'];
$scope.loginPassword = '';
} else {
// $state.go('home'); // select here the route that you want to redirect
$state.go(response['state']); // response['state'] should be a route on your app.routes
}
})
}
});
//ルート
(function() {
'use strict';
angular
.module('app')
.config(routes);
routes.$inject = [
'$stateProvider',
'$urlRouterProvider'
];
function routes($stateProvider, $urlRouterProvider) {
/**
* Default path for any unmatched url
*/
$urlRouterProvider.otherwise('/');
$stateProvider
.state('home', {
url: '/',
templateUrl: '/app/home/home.html',
controller: 'Home'
})
.state('login', {
url: '/login',
templateUrl: '/app/login/login.html',
controller: 'YourController'
})
// ... more routes .state
}
})();
(function () {
"use strict";
angular.module("myApp")
.controller("LoginCtrl", LoginCtrl);
function LoginCtrl($scope, $log, loginSrv, notify) {
$scope.validateUser = function () {
loginSrv.validateLogin($scope.username, $scope.password)
.then(function (data) {
if (data.isValidUser) {
window.location.href = '/index.html';
}
else {
$log.error("error handler message");
}
})
}
} }());
あなたがリンクを使用したいならば、htmlの中の::
<button type="button" id="btnOpenLine" class="btn btn-default btn-sm" ng-click="orderMaster.openLineItems()">Order Line Items</button>
typeScriptファイル内
public openLineItems() {
if (this.$stateParams.id == 0) {
this.Flash.create('warning', "Need to save order!", 3000);
return
}
this.$window.open('#/orderLineitems/' + this.$stateParams.id);
}
この例が他の答えと一緒に私にあったように役立つことを私はあなたが願っていることを望む。