ng-include似乎什么都不做

Question

<script type="text/ng-template" id="/newTrack.html">
  <h1>New Track </h1>
  <p>Hello there</p>
</script>
<div id="overlay" closemodal></div>
<div id="modal"><a id="closeModal" closemodal></a>
    <div id="modalContent" ng-include src="/newTrack.html"></div>
</div>

Run Code Online (Sandbox Code Playgroud)

我希望得到以下结果:

<div id="overlay" closemodal></div>
<div id="modal"><a id="closeModal" closemodal></a>
    <div id="modalContent" ng-include src="/newTrack.html">
       <h1>New Track </h1>
       <p>Hello there</p>
    </div>
</div>

Run Code Online (Sandbox Code Playgroud)

但似乎没有任何事情发生.实际上我正在尝试从自定义指令中渲染模板,在跟踪它一段时间后,看起来ng-include即使以最简单的形式也无法工作.我在这里错过了什么？

Answer 1

Mar*_*cok 5

在小提琴选项下,添加 <body ng-app>

src:如果源是一个字符串常量,请确保将其包装在引号中,例如src="'myPartialTemplate.html'".- ngInclude文档

所以 ng-include src="'/newTrack.html'"

小提琴

归档时间：	12 年，7 月前
查看次数：	1188 次
最近记录：	12 年，7 月前