Question

我是angularjs的新手，出于某种原因，当我点击测试链接时，我的路线无法正常工作。我一遍又一遍地重新检查我的代码，似乎无法找到问题所在。

任何帮助都会非常感激！

<!DOCTYPE html>
<html lang="en">
     <head>
        <meta charset="UTF-8">
        <title>Title</title>


        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.9/angular-route.min.js"></script>



        <style>


        </style>

    </head>


    <body>


    <a href="#test">Test</a>

    <div ng-view></div>


    <script>
    var app = angular.module("myApp", ["ngRoute"]);
    app.config(function($routeProvider) {
        $routeProvider
        .when("/test", {
            templateUrl : "test.html"
        })
    });
    </script>

    </body>
    </html>

Answer 1

有几件事我想指出你错过了什么。

你错过了在页面上开启角度。您可以通过将ng-app="myApp"作为已定义的myApp模块来执行此操作。
其他方面是，您必须将href更改为href="#/test"，以便点击链接时您将导航至/test路线

Answer 2

在视图中定义模块名称，

 <body ng-app="myApp">

工作App

为什么我的路线没有加载？

2 个答案: