Javascript Angularjs routeProvider模板URL不工作_Javascript_Angularjs

Javascript Angularjs routeProvider模板URL不工作

javascript angularjs

Javascript Angularjs routeProvider模板URL不工作,javascript,angularjs,Javascript,Angularjs,我正在尝试使用ngRoute，但似乎无法使templateURL正常工作。除了使用templateURL外，其他一切都正常工作我有4个不同的文件： test.html <p>{{test}}</p> app.js angular.module("app", ["ngRoute"]) .config(function ($routeProvider) { $routeProvider.otherwise({"redirectTo": "1"})

我正在尝试使用ngRoute，但似乎无法使templateURL正常工作。除了使用templateURL外，其他一切都正常工作

我有4个不同的文件：

test.html

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

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

，它什么也没显示。

你在

templateURL

中有一个输入错误，它应该是

templateURL

我在

{test}}

中不知道这个技巧。无论如何，请在控制台中检查您是否没有错误。比如404缺少文件。控制台中没有错误。我确实注意到去

http://localhost:5000/#/2

删除

<!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>