相关疑难解决方法(0)

PrimeNg 编辑器未显示 - Angular

我已经遵循了很多教程,但到目前为止,我还没有设法让 PrimeNG 的编辑器模块显示出来!(其他模块(例如 Toast 或按钮)工作正常,只是编辑器无法工作)。

所以这就是我所做的:

在 app.module.ts 中导入模块

import { EditorModule } from 'primeng/editor';
Run Code Online (Sandbox Code Playgroud)

已安装的软件包

npm install quill --save

npm install @types/quill --save
Run Code Online (Sandbox Code Playgroud)

更新了 angular-cli.json

"styles": [ "../node_modules/quill/dist/quill.core.css", "../node_modules/quill/dist/quill.snow.css", ] 
"scripts": [ "../node_modules/quill/dist/quill.js" ]
Run Code Online (Sandbox Code Playgroud)

以 2 种不同的方式插入 HTML

<p-editor [(ngModel)]="text" [style]="{'height':'320px'} ngDefaultControl"></p-editor>

<form style="text-align: center; margin: 0 auto; width: auto" [formGroup]="avisoForm" (ngSubmit)="atualizarCargo()">
...
<p-editor formControlName="msgAviso" [style]="{'height':'320px'}" ngDefaultControl></p-editor>

</form>
Run Code Online (Sandbox Code Playgroud)

在 TS 文件中引用它们

this.avisoForm = new FormGroup({
        msgAviso: new FormControl,
        titAviso: new FormControl
    })

text: string;
Run Code Online (Sandbox Code Playgroud)

然而,它不会向最终用户显示任何内容,即使那里显示了 p-editor 标签:

最终用户屏幕

我认为这可能是 …

html javascript css primeng angular

4
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

css ×1

html ×1

javascript ×1

primeng ×1