无法使用angular routeprovider重定向

Question

i am new to angular i when i am not able to redirect to the signup.html page when i hit the locahost:port/projectname/ 当我点击locahost时，当我无法重定向到signup.html页面时，我是角度新手：port / projectname /

eventhough i specified the template url for singup in app.js i am getting 404 虽然我在app.js中为singup指定了模板url，但我得到了404

but when i hit the locahost:port/projectname/signup.html the file was opening am i doing anything wrong? 但当我点击locahost：port / projectname / signup.html文件正在打开我做错了什么？

i want to get the signup.html when i hit locahost:port/projectname/ 当我点击locahost时我想获得signup.html：port / projectname /

app.js app.js

var app = angular.module('pollApp', ['ngRoute']);
  app.config(['$routeProvider',function($routeProvider){
    $routeProvider
     .when('/Welcome', {
         templateUrl: '/Welcome.html',
         controller: 'submitCtrl'
       })
      .when('/', {
        templateUrl: '/signup.html',
        controller: 'submitCtrl'
       })
       .otherwise({
         redirectTo: '/Welcome.html'
       });
}]);

submitController.js submitController.js

app.controller('submitCtrl',['$scope', '$http', '$location',

  function ($scope, $http, $location) {
    $scope.timeZones =      [
     { label: '(GMT-09:00) Alaska', value: 'Alaska' },
     { label: '(GMT-08:00) Pacific Time (US &amp; Canada)', value: 'Pacific Time (US &amp; Canada)' }
    ];  


    $scope.submit=function()    {
        var userDetails=new Object();
        userDetails.firstname=$scope.firstname;
        userDetails.lastname=$scope.lastname;
        userDetails.Companyname=$scope.Companyname;
        userDetails.Email=$scope.Email;
        userDetails.timezone=$scope.timezone;
        console.log(userDetails);
        $http({
          method: 'POST',
          data: userDetails,
          url:'/mongopractise/rest/signup/userdata',
          headers: {'Content-Type':'application/json'}
        }).success(function(data, status, headers, config) {

            console.log("success data"+JSON.stringify(data));
            $scope.username=data;
            $location.url('/Welcome.html').replace();;

          }).
          error(function(data, status, headers, config) {
              console.log("Failure data"+data);
          });
}

 }]);

Signup.html Signup.html

              <html lang="en" ng-app="pollApp">
               <head>
               <meta charset="utf-8">
              <meta http-equiv="X-UA-Compatible" content="IE=edge">
             <meta name="viewport" content="width=device-width, initial-scale=1">
                <title>Welcome!</title>

                <script src="lib/angular.js"></script>
                <link href="css/bootstrap.min.css" rel="stylesheet">
                 <div class="container" ng-controller='submitCtrl'>

       <form class="form-horizontal" role="form">
                    <div class="form-group">
                                  <label class="col-lg-3 control-label">First name:</label>
                                    <div class="col-lg-8">
                    <input class="form-control" value="Jane" type="text" ng-      model="firstname">
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-3 control-label">Last name:</label>
                <div class="col-lg-8">
                    <input class="form-control" value="Bishop" type="text" ng-model="lastname">
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-3 control-label">Company:</label>
                <div class="col-lg-8">
                    <input class="form-control" value="" type="text" ng-model="Companyname">
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-3 control-label">Email:</label>
                <div class="col-lg-8">
                    <input class="form-control" value="janesemail@gmail.com" type="text" ng-model="Email">
                </div>
            </div>
            <div class="form-group">
                <label class="col-lg-3 control-label">Time Zone:</label>
                <div class="col-lg-8">
                    <div class="ui-select">
                        <select id="user_time_zone" class="form-control" ng-model="timezone" ng-options="timeZones as timeZones.label for timeZones in timeZones">

                        </select>
                    </div>
                </div>
            </div>

            <div class="col-md-8">
                    <input class="btn btn-primary" ng-click='submit()' value="Save Changes" type="button"> <span class=""></span>

                    <input class="btn btn-default" value="Cancel" type="reset">
                </div>
            </div>
        </form>

        </head>
      </html>

Answer 1

Your routes don't include '/projectname', which I assume is your application context. 您的路由不包含'/ projectname'，我假设它是您的应用程序上下文。 You need to include that in the route urls for it to work properly. 您需要在路由URL中包含它才能使其正常工作。

Answer 2

Any path after your port is expected to be in routeProvider config. 您的端口之后的任何路径都应该在routeProvider配置中。 your sever should serve the projectname folder then 您的服务器应该服务于projectname文件夹

.when('/', {templateUrl: '/signup.html',  
controller: 'submitCtrl'
 })

will work as expected 将按预期工作

无法使用angular routeprovider重定向

问题描述

2 个解决方案

解决方案1
0 2015-02-26 14:14:26

解决方案2
0 2015-03-02 14:48:31

无法使用angular routeprovider重定向

问题描述

2 个解决方案

解决方案1 0 2015-02-26 14:14:26

解决方案2 0 2015-03-02 14:48:31

解决方案1
0 2015-02-26 14:14:26

解决方案2
0 2015-03-02 14:48:31