问题

我想在 ng-repeat 中加入HTML程式码片段,但我无法取得包含项目.看起来 ng-include 的当前语法与以前不同:我看到很多使用

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

但在官方文档中,它表示使用< / p>

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

但随后在网页上显示为 p>

<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>

并运行引用脚本的 id ng-include 的所有变体,

我的网页有很多内容,但现在我已将其拆分为:

<!-- 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>

标题呈现,但是我的模板没有.我在控制台或从Node没有错误,如果我点击链接在 src ="views / sidepanel.html"在开发工具,它需要我到我的模板(并显示 foo ).



解决方法

您必须单引号括在双引号内的 src 字符串:

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

来源




相关问题推荐