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