Использование ng2-select2 в Angular 6 - PullRequest
Новая
       10

Использование ng2-select2 в Angular 6

0 голосов
/ 25 апреля 2019

Я не понимаю, как использовать https://www.npmjs.com/package/ng2-select2 в моем приложении Angular 6. Я подозреваю, что неправильно установил предварительную версию Select2, потому что, когда я пытаюсь загрузить свое приложение, я получаю эту ошибку в консоли разработчика моего браузера, когда я пытаюсь загрузить свое приложение: 

Uncaught Error: Unexpected module 'Select2Module' declared by the module 'AppModule'. Please add a @Pipe/@Directive/@Component annotation.

Вот что я сделал, чтобы установить предварительную версию Select2. Я использовал опцию ручной установки, описанную здесь: https://select2.org/getting-started/installation#manual-installation, но вместо того, чтобы следовать инструкциям, которые говорят:

Включите скомпилированные файлы на своей странице:

Я обновил свой angular.json файл следующими строками: 

        "styles": [
           ...              
           "select2-4.0.5/dist/css/select2.min.css"
        ],
        "scripts": [
          ...
          "select2-4.0.5/dist/js/select2.full.js"
        ]

Я почти уверен, что у меня правильные пути, потому что если бы я использовал неправильные пути, то ... 

npm install
ng serve ...

... команды, которые я использую для запуска своего ng-сервера, будут жаловаться на то, что они могут жаловаться на то, что они не могут штрафовать файлы select2.full.js и select2.min.css.

Также я обновил свой файл app.modules.ts. Я добавил этот импорт. 

import { Select2Module } from 'ng2-select2';

и это к моим @NgModule объявлениям: 

Select2Module

1 Ответ

3 голосов
/ 25 апреля 2019

Select2Module должен быть добавлен при импорте массива, а не массива объявлений.

Импорт Select2Module в @ NgModule : 

 imports: [
    Select2Module
  ]
...