angularjs ng-template单​​独的文件没有webserver

Question

所以我正在尝试使用AngularJS

创建一个不需要网络服务器的应用

我正在使用<script type="text/ng-template" id="loginView.html" src="views/login.html"></script>标记来使用单独的模板并保持清洁。

我把东西连接起来：

app.config(function($routeProvider, $locationProvider){
    $locationProvider.hashPrefix("!");
    $locationProvider.html5Mode(false);

    $routeProvider
        .when("/", {
            templateUrl: "loginView.html",
            controller: "LoginCtrl"
        })
        .when("/main", {
            template: "main",
            controller:"MainCtrl.html"
        })
        .otherwise({
            redirectTo: "/"
        });
});

我的文件未加载。如果我将上下文放在脚本标记内，我可以看到它。 我有一个包含视图的ng-view。但我似乎无法从单独的文件中获取内容。没有错误。 如果没有网络服务器，这可能吗？

Answer 1

尝试使用<div ng-view />代替您的脚本。您只需从文件系统中获取模板，就不需要在Web服务器上。

Answer 2

你在哪里放这些脚本标签？在HTML中？我甚至不知道像这样的脚本标签会按照您的预期，角度或其他方式执行，但这不是必需的。您对$routeProvider.when的调用足以加载HTML模板。您必须撤消/main路线的参数，因为您似乎已将template / templateUrl和controller撤消。尽管如此，请使用templateUrl。 template用于原始HTML。