1

http://jsfiddle.net/fresheyeball/5z7bX/

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

我希望得到以下结果：

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

但似乎什么也没有发生。真的，我正在尝试从自定义指令中呈现模板，在对其进行了一段时间的跟踪之后，ng-include即使以最简单的形式，我似乎也无法开始工作。我在这里想念什么？

4

1 回答 1

5

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

src：如果源是字符串常量，请确保将其括在引号中，例如src="'myPartialTemplate.html'". -- ngInclude 文档

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

小提琴

于 2013-04-16T02:35:52.370 回答