在另一个组件中提交表单后更新数组

Question

我有一个名为“modal-form”的组件和另一个名为“array”的组件，我想在提交表单后更新数组而不刷新视图。我尝试使用 @Input 但当我从模态组件调用测试函数时它似乎不起作用。

模态形式

我在这里 post 表单但我刷新了视图，这不是我要找的。

  add() {
    this.service.post(this.form).subscribe((data) => {
      console.log(data)
      this.router.navigate([this.router.url]);
    });
  }

数组

  ngOnInit(): void {
        this.service.getObjects().subscribe((data) => {
          this.objects = data;
        });
      }

Answer 1

这是使用服务的理想情况。您在服务中有一个局部变量（例如 stuffArray），或者您设置了一个主题即服务：通常是您的数组组件订阅的 BehaviorSubject。无论哪种方式，当您在模式中保存表单时，您都会保存到数组（或让 BehaviorSubject 发出）。为了完全安全，请在服务器请求的回调中执行此操作，以确保数据已正确保存。

在另一个组件中提交表单后更新数组

Update an array after submit a form in another component

components

angular