AngularJS templateUrl在ngInclude中找不到ngTemplate

Question

當ngInclude中包含ngTemplate時，templateUrl出現了問題。

我的index.html

<div ng-include="'./html/root.html'"></div>

我的root.html

<script type="text/ng-template" id="home.html">
<div class="content">
    <div class="group">
        <div ng-bind-html="content"></div>
    </div>
</div>
</script>
<div ng-view></div>

我的routeProvider.js

$routeProvider.when('/home', {
            templateUrl: 'home.html',
            controller: 'HomeCtrl'
        })

在ngTemplate中找不到home.html。 我認為找不到“ home.html”，因為root.html在ngInclude中具有ng-view。

注意1：當我將我的<script type="text/ng-template" id="home.html">放入index.html時，它可以工作。

注意2：當我改變我的routeProvider.js時；

$routeProvider.when('/home', {
            template: "<div ng-include=\"'home.html'\"></div>",
            controller: 'HomeCtrl'
        })

也可以

我該如何解決？

Answer 1

首先請注意一些事項。

當您使用templateUrl時，angular需要一個html內容所駐留的URL（這基本上是用於訪問帶有html標記的文件）。

您可以做的是，將內容保留在一個名為home.html的文件中，並在templateurl中提供指向該文件的鏈接。

或者，您必須向templateUrl提供包含模板的物理文件的url，然后使用template來獲取具有特定ID的模板。