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

AngularJS：链接点击时加载页面

1 个答案: