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 个答案: