Блог

Привет, коллеги-программисты

В настоящее время мне не удается интегрировать директиву angular2, установленную с npm, в мой проект angular cli.

Что я сделал до сих пор:

Я клонирую следующий репозиторий git: https://github.com/avatsaev/angular-cli-seed

Я смог запустить приложение с помощью ‘ng serve’ без проблем. Теперь я хочу использовать редактор Summernote WYSIWYG. Слава богу, интеграция для angular 2 уже есть, которую можно найти на следующей странице:https://www.npmjs.com/package/ng2-summernote

Я установил это через ‘npm install ng2-summernote’ в мой каталог projet. Он также отображается в моей папке ‘node_modules’.

С этого момента я не знаю, что делать. То, что я попробовал, было следующим кодом

(home.module.ts)

 import { NgModule } from "@angular/core";
import { Ng2Summernote } from 'ng2-summernote/ng2-summernote';
import { homeRouting } from "./home.routing";
import { HomeComponent } from "./home.component";

@NgModule({
imports: [
homeRouting
],
declarations: [
HomeComponent,
Ng2Summernote
]
})

export class HomeModule { }
  

(home.component.ts)

 import { Component, OnInit } from '@angular/core';
import { Ng2Summernote } from 'ng2-summernote/ng2-summernote';

@Component({
selector: 'app-home',
templateUrl: './home.component.html',
styleUrls: ['./home.component.sass']
})

export class HomeComponent {

constructor(summernote: Ng2Summernote) {
summernote.lang = 'de-DE';
summernote.airMode = true;
}

say_hello(){
alert('Hello World')
}

}
  

(home.component.html )

 <div class="section ribbon white-ribbon center">
<h2>
Welcome
</h2>

<button  (click)="say_hello()" class="btn waves-effect btn-large red darken-2" type="submit" name="action">HELLO
<i class="material-icons right">language</i>
</button>

</div>

<ng2-summernote></ng2-summernote>
  

Есть ли кто-нибудь, кто может обнаружить мою ошибку? В браузере я получаю только следующее сообщение об ошибке:

 metadata_resolver.js:275
Uncaught Error: Unexpected value 'Ng2Summernote' declared by the module 'HomeModule'
  

Я ценю любые ответы. Я довольно новичок в Angular 2 / CLI. 🙂