AngularJS：點擊鏈接加載頁面

Question

我得到了2個div，首先有鏈接指向單個頁面，另一個顯示鏈接指向的頁面內容。下面是它的外觀：

<div id="navigation"> 
    <a href="http://mydomain/page1"> 
    <a href="http://mydomain/page2"> 
    <a href="http://mydomain/and-so-on"> 
</div> 

<div id="content"> 
    <!-- display content here --> 
</div> 

有沒有一種方法，以防止點擊鏈接重定向的頁面，並顯示它們指向的URL的內容？我這樣做是爲了SEO的目的，所以每個單獨的頁面也可以自己抓取。

我聽說過ng-include，但我想確定我正朝着正確的方向前進，所以我認爲在開始之前我應該​​先問一下。

預先感謝您。

Answer 1

爲此目的使用AngularJS Routing。

<a href="#page1"> 
    <a href="#page2"> 
    <a href="#and-so-on"> 


    <div ng-view></div> 

    <script> 
    var app = angular.module("myApp", ["ngRoute"]); 
    app.config(function($routeProvider) { 
     $routeProvider 
     .when("page1", { 
      templateUrl : "http://yourDomain/page1.html" 
     }) 
     .when("/page2", { 
      templateUrl : "http://yourDomain/page2.html" 
     }) 
     .when("/and-so-on", { 
      templateUrl : "http://yourDomain/and-so-on.html" 
     }); 
    }); 
    </script> 

注：必須包括angular-route.js