当前位置: 首页 > 面试题库 >

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

段干宾白
2023-03-14
问题内容

我正在尝试在内添加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>

我的代码片段不是很多代码,但是有很多事情要做。这可能会引起问题,所以我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>

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


问题答案:

您必须src在双引号内将字符串单引号引起来:

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


 类似资料:
  • 问题内容: 我是一名新的Python程序员,他正在从2.6.4跃升至3.1.1。在我尝试使用“ else if”语句之前,一切都很好。解释器在“ else if”中的“ if”之后给了我一个语法错误,原因是我似乎无法弄清。 我可能缺少一些非常简单的东西;但是,我无法自行找到答案。 问题答案: 在python中,“ else if”被拼写为“ elif”。 另外,您还需要在和之后加上一个冒号。 简单

  • 问题内容: 这些方法之间在功能上有区别吗? 编辑(从其他贡献者添加了此语法): 问题答案: 不,但第一个是首选样式。 编辑: 另一个选项是 此外,它还允许调用者使用varargs语法。

  • 问题内容: 我使用Entity Framework 4.2,并希望调用具有输入参数的存储过程。我用来调用存储过程。 但是,文档缺少用于正确映射参数的正确的调用语法。我的google-foo让我失望了,我们将不胜感激。 即我有一个程序 我试着用 和 但是它们都失败,并 在“ @ p1”附近 出现 错误语法 错误 。 问题答案: 根据您的基础数据库提供程序,可以使用以下两种方法之一。 或者 您还可以指

  • 问题内容: 我已经在CSS对话中看到了很多。语义正确是什么意思? 问题答案: 正确贴标签 这意味着您正在调用的东西实际上是什么。经典示例是,如果某物为,则应包含数据的行和列。将其用于布局在语义上是不正确的- 如果不是,则是说“这是一个表”。 另一个示例:通常应使用列表(或)对相似项()进行分组。您 可以 将a 用于组,将a 用于每个项目,然后将每个项目的样式设置为在单独的行上并带有一个项目符号点,

  • 哪种语法是正确的-第一种,第二种,还是两者都正确?

  • 我正在编写一个条件,该条件检查thymleaf属性中的一个条件。 这是一个语法错误,请帮助我