javascript - 在 Angular 组件中共享大的 json 数据是好是坏？

Question

考虑下面的代码，共享一个大的 json 数据作为测试组件或使用服务的输入是否很好。

vm.data = [{name: 'John'},{name: 'Steve'},...];

<test-component big-data="{{vm.data}}"></test-component>

哪种方法是使用 Angular 1.5 和 Angular-2 组件的理想方法？

Answer 1

您似乎正在通过一个简单的属性或通过 @ 将数据传递给组件。

我认为你应该定义 big-data通过 < 作为绑定(bind)参数，它允许您传递 Angular 表达式，然后将数据传递给组件。引入它正是为了避免 @当您想避免对象转换时。

关于将数据传递给组件，如果您的组件操作该数据，那么您肯定可以直接将所有数据作为绑定(bind)参数传递给它。 实际上对此没有任何限制。

然后，如果最好在组件和应用程序之间使用共享服务来获取数据，这通常取决于具体的用例。

例如，如果您的组件始终使用相同类型的数据，并且始终通过相同的请求检索，则也许您可以通过嵌入式服务直接在组件内部获取数据。

但实际上组件的目标是拥有可重用的代码，因此通常您所采用的方法是一个不错的选择，因为您的组件可以重用以提供任何类型的数据。

实际上，数据是开箱即用的，它的工作不依赖于特定的数据。

我希望这有帮助。