我的HTML视图的大小正在增长
将视图分解为较小的组件的首选方法是什么? ng-include在这里可以接受吗?注意:这些组件不可重复使用。它们将仅用于我正在查看的特定页面中,目的是打破页面并使其更具可读性。指令对此感觉有些过分。
更多更高级别的问题,但上述(即创建不可重复使用的视图部分)被认为是Angular应用程序的可接受做法?是否违背了一些我不知道的常见教条?
谢谢!
修改的
它冗长的原因不是因为任何文本。例如,所有文本都加载了正确的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>