Используйте jquery-шаги с FormGroup в Angular2

Пожалуйста, смотрите следующие примеры. Я загрузилjquery а такжеjquery-steps в проект уже и он работает. Однако после рендеринга представления изменение данных в полях ввода не обновляет значения в группе форм.mainForm, Я считаю, что причина в том, чтоjquery-steps динамически удалял и реконструировал html для формы, поэтому группа форм больше не связывается с DOM.

Есть ли способ повторно привязать FormGroupmainForm в DOMs послеjquery-steps реконструировал HTML?

Я читаю оComponentResolver а такжеViewContainerRefэто где он должен использовать те? Не могли бы вы привести пример, как использовать их в этой ситуации?

Спасибо!

<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();
    }
}

Ответы на вопрос(1)

Ваш ответ на вопрос