Angularjs &引用；无效的模板根“；错误

我正在使用AngularJS作为Play 2.0应用程序的前端。我松散地遵循了Paul Dijou关于设置HTML5路由的建议。基本上，Play framework为每个未知路由提供

index.html

文件，AngularJS路由从此接管

在我的应用程序中，我已将导航栏移动到指令中。当我最初加载我的应用程序时，它工作得很好。但当我在导航到Angular应用程序后进行刷新时，Angular会为我的`navbar指令抛出一个

无效的模板根

错误。正如您在下面所看到的，模板正好有一个根元素，这是必需的

我已经检查过了，但是我正在使用

templateUrl

属性

（内容已删除，但在其他方面准确）

谁能告诉我我做错了什么

指令：

myDirectives.directive("navbar", function() {
    return {
        restrict : "E",
        replace : true,
        templateUrl : "assets/app/partials/navbar.html"
    };
});

<div ng-controller="NavbarCtrl">
    <nav class="navbar navbar-fixed-top">
        ... (There is more content here but the problem occurs even if this content is removed)
    </nav>
</div>

模板（

navbar.html

）：

myDirectives.directive("navbar", function() {
    return {
        restrict : "E",
        replace : true,
        templateUrl : "assets/app/partials/navbar.html"
    };
});

<div ng-controller="NavbarCtrl">
    <nav class="navbar navbar-fixed-top">
        ... (There is more content here but the problem occurs even if this content is removed)
    </nav>
</div>

... （此处有更多内容，但即使删除此内容也会出现问题）

尝试将相对模板URL替换为绝对模板URL：

// Note the leading '/'.
// You could also try a full URL, although that makes development hard.
templateUrl : "/assets/app/partials/navbar.html"

---

Show navbar.html source您是否能够使用类似jsFiddle的东西单独地重新创建它？我怀疑还有更多的问题发生，但现在还不清楚这段代码可能有什么问题。@Stewie我已经包含了

navbar.html

源代码中的一个片段。我已经仔细检查了所有标记是否都很接近，并且没有尾随空格等。没有fiddle/plunker，很难说。@Josh我没有尝试单独重新创建它，因为我认为它可能与Play framework有关。我可能能够在本地机器上创建一个最小版本，但我想创建一个考虑了所有可能相关问题的JSFIDLE并不容易。