打破HTML成AngularJS管理模板(Breaking HTML into management

所以我想，因为我认为这是有趣但它是我一直使用的是什么这是BackboneJS完全不同的评价AngularJS。作为这个评估的一部分，我想利用我现有的主干应用程序的几页，并尝试将它们移植到AngularJS。所以，我有以下的HTML布局：

<html>
    <head>
    </head>
    <body>
        <div class="page-wrapper">
            <div class="header-wrap">
                <ul>
                    <li><a href="#">Ryan Zec</a></li>
                    <li><a href="#">Admin</a></li>
                    <li><a href="#">Logout</a></li>
                </ul>
            </div>
            <div class="content-wrap">
                <form>
                    <input type="text" name="username" value="" />
                    <input type="password" name="password" value="" />
                    <input type="button" value="Login" />
                </form>
            </div>
            <div class="footer-wrap">
                <span>Copyright &copy; 2012 - Ryan Zec
            </div>
        </div>
    </body>
</html>

现在，在骨干网我会用-wrap类股利空，并为每个部分的内容之一将在单独的模板去（和每个部分可以有可能在其中显示多个模板）。然后将有针对每个模板以将附加到正确的元素，并在其中显示模板的内容相关联的视图。

现在用AngularJS，它气馁到处做直接的DOM操作，除非指令。所以我想知道什么是在AngularJS，我与BackboneJS牢记这些章节的内容，需要为不同的基于内容的切换出页面/ URL他们正在查看做同样设置的最佳方式？（我知道我可以在NG-指令名称添加到div等初始加载，它加载正确，但我怎么当页面在单页的应用程序切换它加载到不同的数据）。

Answer 1:

答案是指令:)

您可以使用此- > http://jsfiddle.net/thaqL/

或者只是下载Chrome - >去http://angularjs.org - >按F12键- >看看他们是如何做到的

希望能帮助到你。

干杯

Answer 2:

我认为暂时的最佳答案是ngInclude。我认为AngularJS团队希望使路线更加强大（基于东西，我记得读）在未来（如每条路线的多个视图，其中每个应该应该有一个头控制器，页脚控制器，以及控制器主要内容），但在那之前ngInclude应该有希望被误会我。