Backbone.js 将HTML分解为AngularJS的管理模板_Backbone.js_Angularjs

Backbone.js 将HTML分解为AngularJS的管理模板

backbone.js angularjs

Backbone.js 将HTML分解为AngularJS的管理模板,backbone.js,angularjs,Backbone.js,Angularjs,所以我尝试评估AngularJS，因为我认为它很有趣，但是它与我一直使用的BackboneJS有很大的不同。作为此评估的一部分，我想对我现有的主干应用程序进行几页介绍，并尝试将它们移植到AngularJS。因此，我有以下html布局： <html> <head> </head> <body> <div class="page-wrapper"> <div class=

所以我尝试评估AngularJS，因为我认为它很有趣，但是它与我一直使用的BackboneJS有很大的不同。作为此评估的一部分，我想对我现有的主干应用程序进行几页介绍，并尝试将它们移植到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>







版权及副本；2012年-Ryan Zec

现在在主干中，我将使带有-wrap类的div为空，并且每个部分的内容都将放在单独的模板中（每个部分可能有多个模板显示在其中）。然后，将有一个与每个模板关联的视图，该视图将附加到正确的元素并在其中显示模板的内容

现在使用AngularJS，除了在指令中，不鼓励在任何地方进行直接DOM操作。因此，我想知道在AngularJS中进行与BackboneJS相同的设置的最佳方式是什么，记住这些部分的内容需要根据它们查看的页面/url切换为不同的内容？（我知道我可以在初始加载时将ng指令名添加到div，这样它就可以正确加载，但在单页应用程序中切换页面时，如何让它重新加载到不同的数据）。

答案是指令：）

您可以使用此->

或者只需下载chrome->转到->按F12->查看他们是如何做到的

希望能有帮助

干杯

我认为目前最好的答案是包括在内。我认为AngularJS团队希望在将来使路由更强大（基于我记得读过的内容）（比如每个路由都有多个视图，其中每个视图都应该有一个用于页眉的控制器、一个用于页脚的控制器和一个用于主内容的控制器）但在此之前，ngInclude应该能帮我度过难关。

这段代码不是我遇到的问题，但以这段代码为例：：我有两个标题控制器和指令，用于不同的数据和html结构。现在，当点击SwitchHeader链接时，header2的header会被切换出来，而无需重新加载页面（就像在单个页面应用程序中一样）。