Question

我正在尝试从这里实现插件;

我正在使用Visual Studio 2017社区运行SPA Angular 2模板。我已将软件包添加到我的packages.json文件中并更新它以安装软件包。

"angular2-carousel": "1.0.12",
"hammerjs": "2.0.8",

在我的app.browser.module.ts中，我有;

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppModuleShared } from './app.shared.module';
import { AppComponent } from './components/app/app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { CarouselModule } from "angular2-carousel";

@NgModule({
    bootstrap: [ AppComponent ],
    imports: [
        BrowserModule,
        BrowserAnimationsModule,
        AppModuleShared,
        CarouselModule
    ],
    providers: [
        { provide: 'BASE_URL', useFactory: getBaseUrl }
    ]
})
export class AppModule {
}

然后在我的Component.ts

中

import { Injectable, Inject, Component } from '@angular/core';
import { CarouselModule } from "angular2-carousel";
import { APP_CONFIG, AppConfig } from '../../../app.config';

@Component({
    selector: 'serviceSlider',
    templateUrl: './serviceSlider.component.html',
    styleUrls: ['./serviceSlider.component.css']
})
export class ServiceSliderComponent {
    constructor(@Inject(APP_CONFIG) private config: AppConfig) { }
}

在component.html中我有;

<carousel-component>
    <div class="item-carousel">a</div>
    <div class="item-carousel">
        <div class="b">
            b
        </div>
    </div>
    <div class="item-carousel">c</div>
    <div class="item-carousel">d</div>
</carousel-component>

然而，当我运行这个时，我得到了错误;

NodeInvocationException：模板解析错误：＆＃39; carousel-component＆＃39; 不是一个已知的元素： 1.如果＆＃39; carousel-component＆＃39;是一个Angular组件，然后验证它是否是此模块的一部分。 2.如果＆＃39;轮播组件＆＃39;是一个Web组件，然后添加＆＃39; CUSTOM_ELEMENTS_SCHEMA＆＃39;到了＆＃39; @ NgModule.schemas＆＃39;这个组件压制此消息。（＆＃34;

Angular 2 Carousel Plugin＆＃39; carousel-component＆＃39;不是一个已知的元素：

0 个答案: