我正在Angular 8项目的div元素中使用contenteditable。我尝试在项目中使用angular-mentions。我已经使用npm在我的项目中包含了该提及。在执行此操作时,[mention]标签根本不会被识别。
我正在使用此https://github.com/dmacfarlane/angular-mentions
npm install angular-mentions
这是控制台中出现的错误:
无法绑定到“提及”,因为它不是“ div”的已知属性。 ] [mention] =“商品” id =“ rteditor” class =“ scrollbox-content”contenteditable =“ true”占位符=“键入”):
这里是我使用提及的div元素
<div [mention]="items" id="rteditor" class="scrollbox-content" contenteditable="true" placeholder="Type a message here..."></div>
这是我正在使用的有角度提及的版本:
"angular-mentions": "^1.1.2",
在组件中使用该模块之前,我也已经将该模块导入了app.module.ts中:
@NgModule({ imports: [ BrowserModule, MentionModule]})
我遵循了以下演示并实现了相同的示例,但仍然没有用。
https://stackblitz.com/edit/angular-mentions?file=app%2Fapp.component.html
注意:
我还尝试了最新版本(1.1.3)的角度提及。问题仍然存在。
我已完全除去角度提及的包装,然后重新安装。
我已经用Google搜索并尝试了各种方法来解决此问题,但最终没有解决方案。
有人可以帮我吗?预先感谢。
答案:如下更改了angular-mentions导入语句。成功了!
import { MentionModule } from 'angular-mentions/';