Angular2-在组件类中创建多个变量声明，而不是直接在模板中使用对象

Question

我有一个从http请求中检索大型嵌套对象的组件。在我的组件类中，我声明了数百个变量，这些变量从该对象推断数据，然后将这些属性插值到其模板中。

这导致我的组件类仅从声明和分配的那些属性中就有数百行代码。仅在模板中使用对象本身会更好吗？下面是一个示例来演示：

比方说，我有一个很大且嵌套的cuisines对象，该对象来自服务。使用当前的方法，在组件类中，我为所需的各个属性声明变量：

let italianBreakfast = cuisine.data.breakfast.italian;
 let ...
 let ...
 let ...

然后在模板内插：<div>{{italianBreakfast}}</div>

我修改后的策略是简单地使用模板中的对象：

<div>{{cuisine.data.breakfast.italian}}</div>

这样，模板中大括号之间的文本会变大，但是我会因为不再声明要在对象类中存储对象值的属性而获益，这将节省数百行代码。哪个会更好，这附近是否有最佳实践？

Answer 1

您可以在这个大组件内创建较小的组件，并将cuisines对象的特定部分作为@Input属性传递给他们。