ng的正确语法是什么?

我试图在ng-repeat包含一个HTML代码片段,但是我无法使这些包含工作。 看来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模板内部读取ng-repeat可能会导致问题,所以我用foo替换了sidepanel.html的内容,但仍然没有任何结果。

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

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

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


你必须在双引号内引用你的src字符串:

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

资源


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

要么

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

要么

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

记住要点:

- > src中没有空格

- >切记在src的双引号中使用单引号


对于这些故障排除,重要的是要知道ng-include要求url路径来自app根目录,而不是来自partial.html所在的同一目录。 (而partial.html是可以找到内联ng-include标记标签的视图文件)。

例如:

正确:div ng-include src =“'/views/partials/tabSlides/add-more.html'”>

不正确:div ng-include src =“'add-more.html'”>

链接地址: http://www.djcxy.com/p/8395.html

上一篇: What is the correct syntax of ng

下一篇: Why is document.write considered a "bad practice"?