0

我目前正在学习 AngularJs,同时应用它来尝试找出这个用于新 X 战警电影的病毒电影网站是如何制作的 ( http://www.trask-industries.com/#/innovation ) .. .(如果您不信任该链接,您可以谷歌 Trask Industries)。据我所知,xmen 站点导航将 html 模板拉入到 ng-view 中,并且在其中,ng-include 从更多 html 模板中拉入内容。但是,每个网页的设置完全相同,但是 ng-include 中的内容发生了变化,我不明白这怎么可能?我原以为如果要更改每个页面的内容,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>

正如您所看到的,此代码引入了另外两个模板,但每个页面的代码相同,但内容会根据您在导航中单击的链接而变化。我希望一切都有意义,任何能提供解释的帮助都将不胜感激。

4

1 回答 1

0

他们很可能使用 ng-src 和 ng-include 指令来设置模板。这篇文章有细节和例子:http ://blog.dynamicprogrammer.com/2012/09/19/dynamic-includes-with-angular-js.html

于 2014-06-30T00:55:04.863 回答