AngularJs在ng-view html页面中链接到ng-include

时间:2014-06-29 20:56:44

标签: javascript html angularjs templates ng-view

我目前正在学习AngularJs并同时应用它来试图弄清楚这个新的x-men电影的病毒电影网站是如何制作的(http://www.trask-industries.com/#/innovation)...(你可以google Trask Industries如果你不信任链接)。根据我的理解,xmen网站导航将html模板拉入ng-view,在此范围内,ng-include从其他html模板中提取内容。但是,这与每个网页的设置完全相同,但ng-includes中的内容包含更改,我不明白这是如何实现的?我原以为如果要为每个页面更改内容,ng-include必须指向不同的html模板,但不清楚这是如何完成的。

以下是ng-view所引入的模板中包含的代码...

<div id="two-column">
<div class="module_marquee"  ng-include="'modules/marquee.html'"></div>
<div class="module_list"  ng-include="'modules/list.html'"></div>
</div>

正如您所看到的,此代码会引入另外两个模板,但每个页面的代码相同,但内容会根据您在导航中单击的链接而更改。我希望一切都有意义,任何提供解释的帮助都将受到最高的赞赏。

1 个答案:

答案 0 :(得分:0)

他们很可能使用ng-src来设置模板以及ng-include指令。本文包含详细信息和示例:http://blog.dynamicprogrammer.com/2012/09/19/dynamic-includes-with-angular-js.html