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

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

这使得我的组件类拥有数百行代码，这些代码仅仅来自于那些被声明和分配的属性。只在模板中使用对象本身会更好吗？以下是一个示例来演示：

假设我有一个非常大的嵌套的菜系对象，它来自一个服务。使用我目前的方法，在component类中，我为我需要的各个属性声明变量：

让意大利人早餐=courine.data.breaken.意大利人；
让。。。
让。。。
让…

然后在模板中插入：

{{{}

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

{{{烹饪.数据.早餐.意大利语}

---

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

您可以在这个大组件内创建较小的组件，并将

烹饪

对象的特定部分作为

@Input

属性传递给它们。

您可以在这个大组件内创建较小的组件，并将它们传递给对象的特定部分

cuisines

对象为

@Input

属性。

不幸的是，我不能这样做。使用模板中的对象引用对象属性有什么缺点吗？我不会说有缺点。在我看来，这种方法比声明数百个变量要好。这只是关于对象有多大，以及在模板中使用多深的嵌套属性，这是否会影响可读性。不过，为什么不能使用更小的组件呢？谢谢您的回复。无法创建更小的组件b/c这不是我的项目：）不幸的是，我不能这样做。使用模板中的对象引用对象属性有什么缺点吗？我不会说有缺点。在我看来，这种方法比声明数百个变量要好。这只是关于对象有多大，以及在模板中使用多深的嵌套属性，这是否会影响可读性。不过，为什么不能使用更小的组件呢？谢谢您的回复。无法创建较小的组件b/c它不是我的项目：）