如何拆分复杂的角度界面答案

【问题标题】：How to split a complicated angular interface如何拆分复杂的角度界面
【发布时间】：2017-04-19 08:10:26
【问题描述】：

我在 angularJS 中有一个接口，其中有 3 个表（用于添加行），另一个用于显示，另一个用于显示和插入数据。我还有输入和附件。接口包含大量数据。我使用状态概念。我是 Angular 新手，所以我对如何拆分此界面没有明确的想法。我应该有一个控制器还是多个控制器？！最后，用户应提交孔表。提前致谢。

【问题讨论】：

标签： angularjs architecture controller views states

【解决方案1】：

您应该有 1 个组件，其中包含 3 个组件，例如：

<div>
    <table1></table1>
    <table2></table2>
    <table3></table3>

    <button>SUBMIT</button>
</div>

根据数据的结构，您应该在父组件中注入服务，然后将数据作为 (input) 传递给每个组件，或者使用服务从组件中获取数据。

组件也将通过该服务设置/获取数据，因此服务应保持这 3 个组件/数据的状态，并可以从父组件提交数据。

Angular 中不再有控制器了。

【讨论】：

我不使用 ang2 ;) 我正在使用基于 ang1 的框架
哦，我是这么想的，心疼你，angular2好多了:) 现在正确的命名是：旧版本的angular1是angularJS，新版本的Angular2,4,5..等等只是Angular

【解决方案2】：

在我看来，由于您的模型可以被视为整个表单数据结构，我认为您必须使用一个控制器和一个服务进行后端通信。

为了让您的 UI 更简洁，您应该为每个表设置一个 partial。部分我的意思是一个 html “子视图”，您将使用 ng-include 加载到您的主视图中。

由于每个部分都继承了父作用域，因此您将在每个部分中找到所有作用域数据。

希望对你有帮助

【讨论】：