AngularMention库无法在Angular9版本中使用。
目前，Angular Mention库在Angular 9版本中存在兼容性问题。为了解决这个问题，需要使用Angular 8版本或更低版本来使用Angular Mention库。以下是使用Angular 8版本的示例代码：
- 首先，请安装Angular 8版本：
npm install @angular/cli@8.3.26
- 然后，请创建一个名为“my-app”的Angular 8项目：
ng new my-app --style=scss --routing=false --skip-install=true --skip-git=true --minimal=true
- 安装Angular Mention库：
npm install angular-mentions@4.1.1 --save
- 'app.module.ts”文件中的引入语句更改如下：
import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { FormsModule } from '@angular/forms'; import { MentionModule } from 'angular-mentions';
import { AppComponent } from './app.component';
@NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, FormsModule, MentionModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { }
- 在“app.component.ts”文件中添加以下代码：
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
template:
})
export class AppComponent {}
- 最后，将应用程序启动起来：
ng serve
现在，您的应用程序将启动，并且您可以在文本区域中使用Angular Mention库。
上一篇：Angular没有“Access-Control-Allow-Origin”
下一篇：AngularMFE:Sharedmoduleisnotavailableforeagerconsumption