将冗长的视图分解为更小的组件

时间:2015-10-06 14:20:10

标签: javascript angularjs

我的HTML视图的大小正在增长

  1. 将视图分解为较小的组件的首选方法是什么? ng-include在这里可以接受吗?注意:这些组件不可重复使用。它们将仅用于我正在查看的特定页面中,目的是打破页面并使其更具可读性。指令对此感觉有些过分。

  2. 更多更高级别的问题,但上述(即创建不可重复使用的视图部分)被认为是Angular应用程序的可接受做法?是否违背了一些我不知道的常见教条?

  3. 谢谢!

    修改的 它冗长的原因不是因为任何文本。例如,所有文本都加载了正确的Angular方式{{ ctrl.MyText }}

    然而,HTML部分。示例(这不完整,但只是说明事情如何变得混乱)

    <header></header>
    <top-nav></top-nav>
    <main-banner></main-banner>
    
    <div class="left">
        <div class="content-wrapper">
            <div class="content">
                <div class="tab-wrapper">
                    <ul>
                        <li>Tab1</li>
                        <li>Tab2</li>
                    </ul>
                    <div class="tab-content-wrapper">
                        <div class="tab-content" data-tab="1">
                            <div class="left"></div>
                            <div class="right"></div>
                            <div class="clear"></div>
    

0 个答案:

没有答案