Por favor vea los siguientes ejemplos. He cargadojquery yjquery-steps en el proyecto ya y está funcionando. Sin embargo, después de representar la vista, cambiar los datos en los cuadros de entrada no actualiza los valores en el grupo de formulariosmainForm. Creo que la razón es quejquery-steps eliminó y reconstruyó dinámicamente el html para el formulario, por lo que el grupo de formularios ya no se vincula a los DOM.

¿Hay alguna manera de volver a vincular FormGroupmainForm a los DOM despuésjquery-steps reconstruido el html?

Yo leo sobreComponentResolver yViewContainerRef, ¿es donde debería usar esos? ¿Podría darme un ejemplo de cómo usarlos en esta situación?

¡Gracias!

<pre>{{ mainForm.value | json }}</pre>

<form [formGroup]="mainForm" id="mainForm" action="#">
    <h1>Account</h1>
    <div>
        <label for="userName">User name *</label>
        <input formControlName="userName" type="text" class="required">
        <label for="password">Password *</label>
        <input formControlName="password" type="text" class="required">
        <label for="confirm">Confirm Password *</label>
        <input formControlName="confirm" type="text" class="required">
        <p>(*) Mandatory</p>
    </div>
    <h1>Finish</h1>
    < div>
        <input formControlName="acceptTerms" type="checkbox" class="required"> 
        <label for="acceptTerms">I agree with the Terms and Conditions.</label>
    </div>
</form>

import {Component, AfterContentInit} from "@angular/core";
import {FormBuilder, Validators, FormGroup} from "@angular/forms";

@Component({
    templateUrl: 'main-view.template.html'
})
export class MainViewComponent implements AfterContentInit {

    private mainForm: FormGroup;

    constructor(private formBuilder: FormBuilder) {
        this.mainForm = this.formBuilder.group({
            userName: ['', Validators.required],
            password: ['', Validators.required],
            confirm: ['', Validators.required],
            acceptTerms: ['', Validators.required],
        });
    }

    ngAfterContentInit() {
        $("#mainForm").steps();
    }
}