AngularJS routeProvider templateURL不起作用

Question

我正在嘗試使用ngRoute，但似乎無法使templateURL工作。 一切正常，除了我使用templateURL時。

我有4個不同的文件：

test.html

<p>{{test}}</p>

test.js

angular.module("app")
.controller("testController", ["$scope", function($scope) {
    $scope.test = 10;
}])

app.js

angular.module("app", ["ngRoute"])
.config(function ($routeProvider) {
    $routeProvider.otherwise({"redirectTo": "1"})
        .when("/1", {
            "controller": "testController",
            "template": "{{test}}"
        })
        .when("/2", {
            "controller": "testController",
            "templateURL": "test.html"
        });
});

index.html

<!DOCTYPE html>
<html>
    <body ng-app="app">
        <div ng-view=""></div>
        <script src="js/angular.js"></script>
        <script src="js/angular-route.js"></script>
        <script src="app.js"></script>
        <script src="test.js"></script>
    </body>
</html>

當我轉到http://localhost:5000/#/1 ，它顯示了預期的10。 但是，當我轉到http://localhost:5000/#/2 ，它什么也沒有顯示。

Answer 1

您在templateURL有一個錯字，應該是templateUrl

AngularJS routeProvider templateURL不起作用

問題描述

1 個解決方案

解決方案1
2 已采納 2015-11-07 16:47:14

AngularJS routeProvider templateURL不起作用

問題描述

1 個解決方案

解決方案1 2 已采納 2015-11-07 16:47:14

解決方案1
2 已采納 2015-11-07 16:47:14