Я добавил редактор Quill js на мою страницу. Я пытаюсь получить клапан содержимого.
Я смотрю видео на YouTube под названием «Использование Quill JS Текстовый редактор с Angular 7». Я сделал все, как показано, но я получаю эту ошибку -
ERROR Error: Uncaught (in promise): Error: Template parse errors:
No provider for NgControl ("
<form [FormGroup="editorForm" (ngSubmit)="OnSubmit()"]>
<div class="form-group">
[ERROR ->]<quill-editor formControlName="editor"></quill-editor>
</div>
<ion-button type="submit">Submit</ion"): ng:///HomePageModule/HomePage.html@11:2
Error: Template parse errors:
No provider for NgControl ("
<form [formGroup]="editorForm" (ngSubmit)="OnSubmit()">
<div class="form-group">
[ERROR ->]<quill-editor formControlName="editor"></quill-editor>
</div>
<ion-button type="submit">Submit</ion"): ng:///HomePageModule/HomePage.html@11:2
at syntaxError (compiler.js:2420)
Мой home.html код:
<ion-content class="ion-padding">
<form [formGroup]="editorForm" (ngSubmit)="OnSubmit()">
<div class="form-group">
<quill-editor formControlName="editor"></quill-editor>
</div>
<ion-button type="submit">Submit</ion-button>
</form>
The world is your oyster.
<p>If you get lost, the <a target="_blank" rel="noopener" href="https://ionicframework.com/docs/">docs</a> will be your guide.</p>
</ion-content>
и home.ts код:
import { Component } from '@angular/core';
import { QuillModule } from 'ngx-quill';
import {FormGroup, FormControl} from '@angular/forms';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {
editorForm: FormGroup;
ngOnInit(){
// console.log(quill.container.innerHTML);
this.editorForm = new FormGroup({
'editor': new FormControl(null)
})
}
OnSubmit(){
console.log(this.editorForm.get('editor').value);
}
}
Я импортировал FormsModule, ReactiveFormsModule в app.module.ts и home.module.ts, но ничего не работает.
Как устранить эту ошибку и получить значение редактора Quill?
Редактировать 1
После небольшого исправления кода [скобки], теперь он говорит:
Невозможно привязать к 'formGroup', так как это не известное свойство 'формы'.