Невозможно связать angular -менования в contenteditable в angular 8 - PullRequest
0 голосов
/ 14 февраля 2020

Я использую contenteditable в элементе div в проекте Angular 8 . Я попытался использовать angular -mentions в моем проекте. Я использовал npm, чтобы включить это упоминание в свой проект. При этом [упоминание] тег вообще не распознается.

Я использую это https://github.com/dmacfarlane/angular-mentions

npm install angular-mentions

Вот Я получаю сообщение об ошибке в консоли:

Невозможно выполнить привязку к «упоминанию», поскольку оно не является известным свойством «div». ] [упоминание] = "items" id = "rteditor" class = "scrollbox-content" contenteditable = "true" placeholder = "Type a"):

Здесь находится элемент div, где я нахожусь используя упоминание

<div [mention]="items" id="rteditor" class="scrollbox-content" contenteditable="true" placeholder="Type a message here..."></div>

Это версия упоминания angular, которую я использую:

"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) с angular. Проблема по-прежнему сохраняется.

Я полностью удалил пакет angular -mention и снова установил его.

У меня есть Google, и я пытался различными способами решить эту проблему, но в итоге ничего не получилось решение.

Может ли кто-нибудь помочь мне в этом? Заранее спасибо.

1 Ответ

0 голосов
/ 14 февраля 2020

Ответ: Изменен оператор импорта angular -mentions, как показано ниже. Сработало!

import { MentionModule } from 'angular-mentions/';
...