formio.ts

import { Component, AfterViewInit, ViewChild } from '@angular/core';
import { FormioComponent, Formio } from '@formio/angular';

@Component({
  template: `
    <formio src="https://examples.form.io/example"></formio>
    <button (click)="submitFormio()" class="btn btn-primary">Submit</button>
  `
})
export class FormRenderComponent implements AfterViewInit {
  public formio: Formio;
  @ViewChild(FormioComponent) formioComponent: FormioComponent;
  ngAfterViewInit() {
    this.formioComponent.formioReady.then((formio) => {
      this.formio = formio;
    });
  }
  submitFormio() {
    this.formio.submit().then(() => {
      this.route.navigate(['...']);
    }):
  }
}

this.formioComponent.ready is not promise there

I think it needs to be formioReady. I have updated the example. Will you let me know if this works for you now?

it works now, maybe you know how to catch submersion of internal form via this construction?

@travist do we have formio.on(...) function here?