如何以角度从父母向孩子发送大量数据？

Question

我有一个通过 API 调用获取对象的父组件。然后我在函数中使用这个对象来获取所需的数据。我也需要这个孩子的确切数据。该数据非常庞大且复杂，因此不知道如何通过@Input() 发送。

目前我通过在子组件中再次重复整个过程来获取数据。 渲染时间太长，也不是很好的做法。

我也尝试通过服务发送数据，但子组件在从服务接收数据之前就被渲染了。 这是代码—— 父组件

selectLanguage(id: number) {
**labelObj is coming via api**
    if (id == 2) {
      this.defaultLanguage = true;
      for (var i = 0; i < this.labelObj.length; i++) {
        if (this.labelObj[i].DefaultLanguage == '"CS+SR" - KPI') {
          this.CSSRKPILabel = this.labelObj[i].DefaultLanguage;
        }

        if (this.labelObj[i].DefaultLanguage == 'Country') {
          this.CountryLabel = this.labelObj[i].DefaultLanguage;
        }
        if (this.labelObj[i].DefaultLanguage == 'Dealer Outlet Code') {
          this.DealerOutletCodeLabel = this.labelObj[i].DefaultLanguage;
        }
        if (this.labelObj[i].DefaultLanguage == 'Switch To') {
          this.SwitchToLabel = this.labelObj[i].ConvertedLanguage;
        }
        if (this.labelObj[i].DefaultLanguage == 'Instant Feedback') {
          this.InstantFeedbackLabel = this.labelObj[i].DefaultLanguage;
        }
        if (this.labelObj[i].DefaultLanguage == 'Survey Feedback') {
          this.SurveyFeedbackLabel = this.labelObj[i].DefaultLanguage;
        }
        if (this.labelObj[i].DefaultLanguage == 'Service Reminders') {
          this.ServiceRemindersLabel = this.labelObj[i].DefaultLanguage;
        }
        if (this.labelObj[i].DefaultLanguage == 'Survey Analysis') {
          this.SurveyAnalysisLabel = this.labelObj[i].DefaultLanguage;
}
 }

基本上，我必须在子组件中发送所有这些标签的值。 TIA。

Answer 1

使用属性绑定将包含标签的单个对象发送到子组件。

您的函数应该返回一个对象中的所有标签值：

const returnedObject: ResultObjectType | undefined = undefined;

// Function code here where this.XXXLabel is returnedObject.XXXLabel

return returnedObject;

应该先在父组件中定义属性并在某些代码中像这样初始化：

this.resultObject = selectLanguage(); // Function returns object containing all the labels

父组件模板：

<child-component [property]="resultObject">

子组件 ts：

@Input()
property: ResultObjectType | undefined = undefined;

ResultObjectType 是对象的类型，如果 ResultObject 未绑定在父组件中，则 undefined 是初始化示例。