Angular FormIO FormBuilder未显示在8中
我按照说明进行操作,我没有看到任何表单生成器在我的页面上呈现,即使没有客户端错误 以下是我看到的: 由于某些原因,表单生成器呈现为0x0 我的代码: 问卷生成器.component.tsAngular FormIO FormBuilder未显示在8中,angular,formio,Angular,Formio,我按照说明进行操作,我没有看到任何表单生成器在我的页面上呈现,即使没有客户端错误 以下是我看到的: 由于某些原因,表单生成器呈现为0x0 我的代码: 问卷生成器.component.ts import {Component, ElementRef, OnInit, ViewChild} from '@angular/core'; @Component({ selector: 'questionnaire-builder', templateUrl: './questionnaire-b
import {Component, ElementRef, OnInit, ViewChild} from '@angular/core';
@Component({
selector: 'questionnaire-builder',
templateUrl: './questionnaire-builder.component.html',
styleUrls: ['./questionnaire-builder.component.css']
})
export class QuestionnaireBuilderComponent{
@ViewChild('json', {static: true}) jsonElement?: ElementRef;
public form: Object = {components: []};
onChange(event) {
this.jsonElement.nativeElement.innerHTML = '';
this.jsonElement.nativeElement.appendChild(
document.createTextNode(JSON.stringify(event.form, null, 4)));
}
}
...
import {FormioModule} from 'angular-formio';
import {MatFormioModule} from 'angular-material-formio';
import {QuestionnaireBuilderComponent} from './questionnaire-builder/questionnaire-builder.component';
@NgModule({
declarations: [
QuestionnaireBuilderComponent,
],
exports: [],
entryComponents: [
QuestionnaireBuilderComponent,
],
imports: [
...
MatFormioModule,
FormioModule,
],
})
export class QuestionnaireModule {
}
问卷生成器.component.html
<p>Is form-builder working?</p>
<form-builder [form]="{
components: []
}"></form-builder>
<form-builder [form]="form" (change)="onChange($event)"></form-builder>
<div class="well jsonviewer">
<pre id="json"><code class="language-json" #json></code></pre>
</div>
从html中删除另一个
模板
试试这个,看看是否有任何渲染
我不认为同时使用MatFormiModule和FormiModule是理想的,我必须同时使用这两个模块中的任何一个才能呈现我的表单和表单生成器,尝试一次使用一个,希望这有帮助。您能告诉我您看到的javascript控制台错误吗?