Question

我正在尝试将ng2-tag-input安装到我的离子应用程序中。

使用npm install成功安装后，这是我的app.component.ts

import {TagInputModule} from 'ng2-tag-input';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
@NgModule({
    declarations   : [
        MyApp,
    ],
    imports        : [
        CommonModule,
        BrowserModule,
        HttpModule,
        PagesModule,
        TagInputModule,
        BrowserAnimationsModule,
        IonicModule.forRoot(MyApp, {}, {
            // DeepLinker
            // http://blog.ionic.io/deeplinking-in-ionic-apps/
            links: [
                {component: ProfilePage, name: 'Profile', segment: 'profile/:username'},
                {component: PhotoCardComponent, name: 'Photo', segment: 'photo/:id'},
                {component: ChatMessagePage, name: 'Chat', segment: 'chat/:id'},
                {component: TermsPage, name: 'Terms', segment: 'terms'},
            ]
        })
    ],
    exports        : [
        BrowserModule,
        HttpModule,
        TagInputModule
    ],

然后当我跑

ionic serve

发生以下问题

Error: Uncaught (in promise): Error: Template parse errors:
'tag-input' is not a known element:
1. If 'tag-input' is an Angular component, then verify that it is part of this module.
2. If 'tag-input' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
                </ion-select>
            </ion-item>
            [ERROR ->]<tag-input [(ngModel)]="items"></tag-input>

我不确定我做错了什么。任何人都可以帮忙指出来吗？

Answer 1

将FormModule添加到您的app.component.ts中。 [(ngModule)]因此需要导入FormModule。

Answer 2

根据作者的说法，该软件包已重命名为ngx-tags-input。因此，您应该使用npm install ngx-tags-input --save安装它。然后，像这样导入库：

import { TagsInputModule } from 'ngx-tags-input/dist';

ng2-tag-input＆＃39; tag-input＆＃39;不是已知元素Angular 2

2 个答案: