См. Следующие примеры. Я уже загрузил jquery
и jquery-steps
в проект, и он работает. Однако после визуализации представления, изменение данных в вводах не обновляет значения в группе форм mainForm
. Я считаю, что причина в том, что jquery-steps
динамически удалил и восстановил html для формы, и поэтому группа форм больше не ссылается на DOM.Используйте jquery-шаги с FormGroup в Angular2
Есть ли способ перевязать FormGroup mainForm
с DOM после 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();
}
}
hi yurzui .. Мне нужно отключить кнопку продолжения до тех пор, пока я не встречу точное условие..ex: без заполнения имени пользователя пользователь не может позволить продолжить (отключить кнопку). В угловом контексте, как я могу это сделать? благодаря – bews99