如何創建AngularJS + JavaScript的路線？

-1

我創建一個網站，我使用JavaScript + AngularJS，目前我爲應用程序創建的路線，但它總是返回404服務器上沒有發現，我已經試過了互聯網的幾個例子，但他們都不工作，這裏是我的代碼的一個例子，記住HTML頁面在WebContent中：如何創建AngularJS + JavaScript的路線？

<html ng-app="angularRoutingApp"> 
<head> 
    <title>Home</title> 
    <meta charset="utf-8"> 
</head> 
<body> 
    <div> 
     <a href="/index">index</a> <br> <a href="/">home</a> 
    </div> 
    <div ng-view></div> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.3/angular-route.js"></script> 
    <script> 
    var angularRoutingApp = angular.module('angularRoutingApp', ['ngRoute']); 

    angularRoutingApp.config(function($routeProvider, $locationProvider) { 

     $locationProvider.html5Mode(true); 

     $routeProvider 
      .when("/index", { 
       template: "/index.html" 
      }) 
      .otherwise({ 
       redirectTo: '/home.html' 
      }); 
    }); 
    </script> 
</body> 
</html>

來源

2017-01-26 Fernando josé

''元素在哪裏？ – Laazo

其實NG-view標記沒有定義，但現在我寫的，但仍然給404沒有找到，上面是變化 –

我建議以下的教程，而不是試圖你（顯然）複製隨機碼並粘貼了互聯網 – zerohero

你忘了ng-view指令。

也

將href需要與哈希前綴 - 或使用鏈接指令。
的redirectTo關鍵需要提供一個視圖[名稱/地址] &不是模板
，如果你想使用模板文件&沒有內嵌代碼使用templateUrl關鍵

你可以看到一個例子您的代碼在這裏：http://codepen.io/AceDesigns/pen/ZLXLKa

<html ng-app="angularRoutingApp"> 
    <head> 
    <title>Home</title> 
    <meta charset="utf-8"> 
    </head> 
    <body> 
    <div> 
     <a href="#/index">index</a><br> 
     <a href="#/">home</a> 
    </div> 
    <div class=""> 
     <ng-view></ng-view> 
    </div> 

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.3/angular-route.js"></script> 
    <script> 
     var angularRoutingApp = angular.module('angularRoutingApp', ['ngRoute']); 
     angularRoutingApp.config(function($routeProvider){ 
     $routeProvider 
      .when("/index", {template:"<div>INDEX VIEW</div>"}) 
      .when("/home", {template:"<div>HOME VIEW</div>"}) 
     .when("/tempFile", {templateUrl: "views/temp_file.html"}) 
      .otherwise({redirectTo: '/home'}); 
     }); 
    </script> 
    </body> 
</html>

來源

2017-01-26 11:34:31 AceDesigns

謝謝，它工作。 –

如何創建AngularJS + JavaScript的路線？

回答

相關問題