Javascript routeProvider未重定向页面

我已经尝试了几种不同的方法，我将尝试所有不同的方法重定向到不同的页面，但都会得到404错误

index.html

此页面正常，根目录正在呈现：

     <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
  <![endif]-->

  <div ng-view></div>

  <div>Angular seed app: v<span app-version></span></div>

  <!-- In production use:
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/x.x.x/angular.min.js"></script>
  -->
  <script src="bower_components/angular/angular.js"></script>
  <script src="bower_components/angular-route/angular-route.js"></script>
  <script src="app.js"></script>
  <script src="components/version/version.js"></script>
  <script src="components/version/version-directive.js"></script>
  <script src="components/version/interpolate-filter.js"></script>
  <script src="controllers/app.controller.js"></script>
  <script src="app.config.js"></script>
</body>
</html>

app.controller.js

app.controller('HomeController',['$scope', 'ROOT', function($scope, ROOT){

    $scope.Root = ROOT;

  console.log("Inside the home controller");

  $scope.menu = {
      items:[
          {
              link: ROOT+'/userForm',
              name: 'Contact Form'
          }
      ]
  }

}]);

app.controller('FormController',['$scope', function($scope){

    console.log("You are inside the form controller");

}]);

试图通过按钮、href和控制器的链接重定向到userForm.html。都给了我一个404的错误

<div>
    <a class="navbar-brand" ng-href="{{ Root }}">Menu</a>

<button type="button" onclick="window.location.href='/userForm.html'">Next page</button>
    <a ng-href="/userForm.html">Click here to go to the next page...</a>

    <ul class="nav navbar-nav navbar-right">

    <li ng-repeat="item in menu.items" class="dropdown" dropdown on-toggle="toggled(open)">

        <a ng-href="{{ item.link }}">{{ item.name }}</a>

     </li>
     </ul>
</div>

文件结构：

---

问题是您必须重定向到url，而不是html。请尝试

href=“#/userForm”

我会将我的评论移动到一个答案（这是这里的第一个响应），但由于使用AngluarJS进行路由，路由组件不需要url来包含文件名：

userFomr.html

，但是路线相反

www.url.com/userForm

您的href应该如下所示：

 <a href="#/userForm">

// Declare app level module which depends on views, and components
var app = angular.module('myApp', [
  'ngRoute',
  'myApp.version'
]);

app.constant('ROOT','/RedirectedControllerDemo/app/views/templates');

 <a href="#/userForm">