Question

嗨其他程序员

我目前未能在我的angular cli项目中集成angular2指令 - 与npm一起安装 -

到目前为止我做了什么：

我克隆了以下git repo：https://github.com/avatsaev/angular-cli-seed

我能够通过“服务”来运行应用程序＆＃39;没有问题。现在，我想使用Summernote WYSIWYG编辑器。感谢上帝，已经有一个角度2的集成，可以在下一页找到：https://www.npmjs.com/package/ng2-summernote

我通过＆nbsp install ng2-summernote＆＃39;安装了这个。在我的项目目录中。它也出现在我的节点模块文件夹中。

从现在开始，我不知道该怎么做。我尝试的是以下代码

（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来说相当新。 :-)

我怎样才能包含＆＃39; ng2-summernote＆＃39;我的角度cli（beta17）项目中的模块？

0 个答案: