为什么模板元素指令在Angularjs中无法正常使用Expression?

时间:2015-07-24 12:16:31

标签: angularjs angularjs-directive

我在使用angularjs +人力车。我从Angularjs+Rickshaw做了一个简单的例子。他们正在制造不明飞行物的叹息。我做了同样的例子。

<h3>UFO sightings in 2008 </h3>                   
   <div ng-repeat="sighting in sightings">
    {{sighting.reportedAt.$date}}
   </div>
<rickshaw-chart></richshaw-chart>

以下是工作模式。 Plunker working Model。指令是打印`这是rickshawChart指令&#39;但是这个陈述是被UFO列表替换为秒。 为什么会这样讨厌

如果我改变<rickshaw-chart></richshaw-chart>的位置,那么它将仅打印语句但不显示列表。 为什么会这样讨厌

 <h3>UFO sightings in 2008 </h3> 
   <rickshaw-chart></richshaw-chart>                  
   <div ng-repeat="sighting in sightings">
    {{sighting.reportedAt.$date}}
   </div>

请参阅演示Not working correcly

2 个答案:

答案 0 :(得分:1)

您的元素结束标记

中有拼写错误
</richshaw-chart>

应该是

</rickshaw-chart>

Angular找不到合适的结束标记,因此无法正确编译dom。第二个演示适用于此更正

答案 1 :(得分:0)

在第一个指令未被替换时,它仍然存在,但是在加载JSON时它已被推到页面底部。延迟只是您$http呼叫完成所需的时间。