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

我的HTML视图越来越大

将视图分解为更小的组件的首选方法是什么？这里可以接受ng吗？注意：这些组件不可重复使用。它们将仅用于我正在查看的特定页面，目的是将页面拆分并使其更具可读性。我觉得这样做太过分了

这是一个更高层次的问题，但上述（即创建不可重用的视图部分）是否被视为角度应用程序的可接受实践？这是否违背了一些我不知道的普遍教条

谢谢

编辑 它之所以冗长并不是因为任何文本。所有文本都以正确的角度加载，例如

{{ctrl.MyText}

但是，HTML部分中没有。示例（这不是完整的，但只是演示了事情如何变得混乱）

表1
表2

如果是文本，则使用css截断长度？很难客观地回答如此广泛的问题。为什么你的观点冗长？您应该使用ajax加载内容而不是包含内容吗？这一切都应该在同一页上吗？也许路由是一个更好的方法。@对不起，我不知道你说的是什么意思this@isherwood：我加入了一个编辑来解释更多细节。所有内容都加载了Ajax。只是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>