文章/答案/技术大牛

发布

社区首页 >问答首页 >什么是ng-include的正确语法？

问什么是ng-include的正确语法？

提问于 2017-12-20 16:32:29

回答 2关注 0查看 605

我试图包含一个HTML代码片段ng-repeat，但是我不能让这些包含文件工作。看来目前的语法与之前ng-include的不同：我看到很多使用的例子

<div ng-include src="path/file.html"></div>

但在官方文件中，它说使用

<div ng-include="path/file.html"></div>

但是，然后在页面上显示

<div ng-include src="path/file.html"></div>

无论如何，我尝试过

<div ng-include="views/sidepanel.html"></div>

<div ng-include src="views/sidepanel.html"></div>

<ng-include src="views/sidepanel.html"></ng-include>

<ng-include="views/sidepanel.html"></ng-include>

<ng:include src="views/sidepanel.html"></ng:include>

我的代码片段不是很多代码，但是有很多事情要做。我阅读动态加载模板里面ng-repeat，可能会导致一个问题，所以我用sidepanel.html这个词取代了内容foo，仍然没有。

我也尝试直接在页面中声明模板，如下所示：

<script type="text/ng-template" id="tmpl">

foo

</script>

并通过ng-include参考脚本的所有变化id，并且仍然没有。

我的网页有更多的，但现在我已经把它剥离到这一点：

<!-- index.html -->

<html>

<head>

<!-- angular includes -->

</head>

<body ng-view="views/main.html"> <!-- view is actually set in the router -->

    <!-- views/main.html -->

    <header>

        <h2>Blah</h2>

    </header>

    <article id="sidepanel">

        <section class="panel"> <!-- will have ng-repeat="panel in panels" -->

            <div ng-include src="views/sidepanel.html"></div>

        </section>

    </article>

<!-- index.html -->

</body>

</html>

标题呈现，但我的模板不。我没有在控制台或从节点的错误，如果我点击src="views/sidepanel.html"开发工具中的链接，它把我带到我的模板（和显示foo）。

和开发者交流更多问题细节吧，去写回答

相似问题