2013-04-16 21 views
1

http://jsfiddle.net/fresheyeball/5z7bX/NG-包括似乎無能爲力

<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以最簡單的形式工作。我在這裏錯過了什麼?

回答

5

在小提琴選項,添加<body ng-app>

SRC:如果源是一個字符串常量,確保你把它包在引號中,例如,src="'myPartialTemplate.html'"。 - ngInclude docs

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

Fiddle

+1

其內部這讓我報價的報價。 – Fresheyeball

+0

對不起,我仍在努力解決這個問題。如果你想幫助我打開第二個問題http://stackoverflow.com/questions/16028594/angular-scope-confusion – Fresheyeball