我有两个从父组件调用的子组件：

• • 超文本标记语言**

<app-profile-form [profile]="profile"></app-profile-form>
<app-profile-activity-list [profile]="profile"></app-profile-activity-list>

这一做法运作良好;现在，在第二个组件中，我有一个活动日志列表，如下所示：

• • 超文本标记语言**

<app-datatable 
          [headers]="['#', 'New value','Old value','Description']" [dataLength]="datalength"
          [data]="profileActivities"
           emptyTableMessage="No logs created">

           <tr body *ngFor="let profileActivity of profileActivities; index as i">
            <td scope="row">{{ i + 1 }}</td>
            <td>{{profileActivity.newValue}}</td>
            <td>{{profileActivity.oldValue}}</td>
            <td>{{profileActivity.description}}</td>
           </tr>
           </app-datatable>

• • TS：**

export class ProfileActivityListComponent implements OnInit {
  @Input() profile: ProfileModel;
   profileActivities: ProfileActivity[];

    constructor(
        public apiService: ApiService,
      ) { }
    
      ngOnInit() {
    
        let profileActivityRequestModel = {
            profileId:  this.profile.id,
            ...this.pagination
        }
        this.profileRequest =  profileActivityRequestModel;
    
    
        this.apiService.profileActivityService.getPagedFilteredList(this.profileRequest).subscribe((result) => {
            this.profileActivities = result.resourceModel;
            this.datalength = this.profileActivities.length;
            let totalPages = result.total ? Math.ceil(result.total / result.limit) : 1;
            this.pagination = {
              ...this.pagination,
              total: result.total,
              totalPages: totalPages,
              page: result.offset + 1
            }
          });
      }

最后，在第一个子模型中，我有一个表单，在一天的最后一天，调用API并返回如下响应：

• • 技术支助**

submitForm() {
     this.store.dispatch(new ProfileActions.AddProfile(newProfile));
   }

最后一次调用API在数据库中插入了第二个子组件应该检索的数据。但是直到我刷新页面才反映出更改。是否有方法在第一个组件提交后刷新第二个组件表信息？

• • 更新**this.store.dispatch(new ProfileActions.AddProfile(newProfile));执行动作、效果和还原器为：
• • 行动**

export enum ProfileActionTypes {
ADD_PROFILE = '[PROFILES] Add PROFILE'
}
    export class AddProfile implements Action {
      readonly type = ProfileActionTypes.ADD_PROFILE;
      constructor(public payload: ProfileModel) {
      }
    }

• • 效果：**

@Effect() addNewProfile$ = this.actions$
    .pipe(ofType<AddProfile>(ProfileActionTypes.ADD_PROFILE),
      mergeMap((data) => this.profileService.addProfile(data.payload).pipe(map(result => {
        if (data.payload.status === 3) {
          this.toast.success('Profile DELETED', 'Success');
          return new DeleteProfileSuccess(result);
        }
        if (data.payload.id > 0) {
          this.toast.success(`${result.firstName} ${result.lastName} Profile UPDATED`, 'Success');
        } else {
          this.toast.success(`${result.firstName} ${result.lastName} Profile ADDED`, 'Success');
        }
        return new AddProfileSuccess(result);
      }))));

• • 减速器**

export function profilesReducer(state = initialState, action: ProfilesActions) {

 case ProfileActionTypes.ADD_PROFILE:
      return {
        ...state
      };
}