首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >什么是ng-include的正确语法?

什么是ng-include的正确语法?

提问于 2017-12-20 16:32:29
回答 2关注 0查看 526

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

代码语言:txt
复制
<div ng-include src="path/file.html"></div>

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

代码语言:txt
复制
<div ng-include="path/file.html"></div>

但是,然后在页面上显示

代码语言:txt
复制
代码语言:txt
复制
<div ng-include src="path/file.html"></div>

无论如何,我尝试过

代码语言:txt
复制
代码语言:txt
复制
<div ng-include="views/sidepanel.html"></div>
代码语言:txt
复制
代码语言:txt
复制
<div ng-include src="views/sidepanel.html"></div>
代码语言:txt
复制
代码语言:txt
复制
<ng-include src="views/sidepanel.html"></ng-include>
代码语言:txt
复制
代码语言:txt
复制
<ng-include="views/sidepanel.html"></ng-include>
代码语言:txt
复制
代码语言:txt
复制
<ng:include src="views/sidepanel.html"></ng:include>

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

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

代码语言:txt
复制
代码语言:txt
复制
<script type="text/ng-template" id="tmpl">
代码语言:txt
复制
    foo
代码语言:txt
复制
</script>

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

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

代码语言:txt
复制
代码语言:txt
复制
<!-- index.html -->
代码语言:txt
复制
<html>
代码语言:txt
复制
<head>
代码语言:txt
复制
<!-- angular includes -->
代码语言:txt
复制
</head>
代码语言:txt
复制
<body ng-view="views/main.html"> <!-- view is actually set in the router -->
代码语言:txt
复制
    <!-- views/main.html -->
代码语言:txt
复制
    <header>
代码语言:txt
复制
        <h2>Blah</h2>
代码语言:txt
复制
    </header>
代码语言:txt
复制
    <article id="sidepanel">
代码语言:txt
复制
        <section class="panel"> <!-- will have ng-repeat="panel in panels" -->
代码语言:txt
复制
            <div ng-include src="views/sidepanel.html"></div>
代码语言:txt
复制
        </section>
代码语言:txt
复制
    </article>
代码语言:txt
复制
<!-- index.html -->
代码语言:txt
复制
</body>
代码语言:txt
复制
</html>

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

回答

和开发者交流更多问题细节吧,去 写回答
相关文章

相似问题

相关问答用户
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档