html – $window.location.href不在AngularJS中工作

html – $window.location.href不在AngularJS中工作,第1张

概述我正在构建一个基本的AngularJS登录页面,$window.location.href没有将页面重定向到我的系统中由WAMP托管的新html.我甚至尝试将它重新指向谷歌.什么都没发生.我在这里尝试了所有可用的解决方案,似乎没有任何效果.有解决方案? JS后跟 HTML var app = angular.module('myApp', []);app.controller('MainCtr 我正在构建一个基本的AngularJs登录页面,$window.location.href没有将页面重定向到我的系统中由WAMP托管的新HTML.我甚至尝试将它重新指向谷歌.什么都没发生.我在这里尝试了所有可用的解决方案,似乎没有任何效果.有解决方案?
Js后跟 HTML
var app = angular.module('myApp',[]);app.controller('MainCtrl',function($scope) {  $scope.name = 'World';  $scope.submit = function() {    if ($scope.username && $scope.password) {      var user = $scope.username;      var pass = $scope.password;      if (pass == "admin" && user == "admin@admin.com") {        alert("Login Successful");        $window.location.href = "http://Google.com"; //Re-direction to some page      } else if (user != "admin@admin.com") {        alert("InvalID username");      } else if (pass != "admin" && user == "admin@admin.com") {        alert("InvalID password");      }    } else {      alert("InvalID Login");    }  }});
<!DOCTYPE HTML><HTML ng-app="myApp"><head>  <script src="http://AJAX.GoogleAPIs.com/AJAX/libs/angularJs/1.4.8/angular.min.Js"></script>  <script src="login.Js"></script>  <link rel="stylesheet" href="login.CSS"></head><body ng-controller="MainCtrl">  <form>    <label>Username:</label>    <input type="email" ng-model="username"  />    </br>    </br>    <label></label>Password:</label>    <input type="password" ng-model="password" >    </br>    <button type="submit" ng-click="submit()" >login</button>  </form></body></HTML>
解决方法 在角度Js中,您可以使用$location.将其注入您的控制器:
app.controller('MainCtrl',function($scope,$location) { ... }

如果你想重定向到谷歌使用其url()方法:

$location.url('http://Google.fr');

你也可以使用相对url的path()方法:

$location.path('home'); // will redirect you to 'yourDomain.xx/home'

https://docs.angularjs.org/api/ng/service/ $位置

总结

以上是内存溢出为你收集整理的html – $window.location.href不在AngularJS中工作全部内容,希望文章能够帮你解决html – $window.location.href不在AngularJS中工作所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1138955.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-31
下一篇2022-05-31

发表评论

登录后才能评论

评论列表(0条)

    保存