Angular2/Ionic2 + ng2-dragula Кто-нибудь получил его на работу?

Question

Im пытается добавить перетаскивание в мое ионное приложение 2. Но он не может заставить его работать.

Это то, что я сделал до сих пор:

npm install ng2-dragula dragula --save 

тогда в моей странице:

@Component({ 
    templateUrl: 'build/pages/dragtest/dragtest.html', 
    directives: [Dragula], 
    viewProviders: [DragulaService], 
}) 
export class DragtestPage { 
    constructor(private nav: NavController) { 
    } 
} 

Но когда я добавить теги [Dragula], я получаю сообщение об ошибке: не может связать 'dragula', поскольку он не знает родной собственности.

Кто-нибудь получил это, чтобы работать с ионным 2, есть ли примеры?

Answer 1

Я думаю, что вы пропустите оператор импорта:

импортирования {DragulaService, Dragula} от 'NG2-Dragula/NG2-Dragula';

я уже пробовал это, но кажется, что IDE не может найти каталог «NG2-Dragula» (красный текст в PHP Бури)

Answer 2

я сделал;) После установки его импортировать модуль и службы в app.module.ts:

import { DragulaModule, DragulaService } from 'ng2-dragula/ng2-dragula'; 

затем добавить модуль импорта:

imports: [ 
IonicModule.forRoot(MyApp), 
DragulaModule 
], 

и сервис-провайдеров:

providers: [{provide: ErrorHandler, useClass: IonicErrorHandler}, DragulaService] 

После того, что вы просто должны импортировать службу в компонентах вы будете его использовать:

import { DragulaService } from 'ng2-dragula/ng2-dragula'; 

и передать его в конструктор:

constructor(private dragulaService: DragulaService) {} 

Наконец следовать инструкциям, появляющимся here. (только для шаблона, а не для импорта)

Answer 3

Я просто напишу учебник о том, как сделать последнюю версию ng-dragula для ионных 2, на ng-drag ula github, у них есть пример кода, но если вы просто скопируете и вставьте, это не сработает, нам нужно внести небольшое изменение, чтобы он работал.

написать статью об этом несколько недель назад, надеюсь, это поможет

http://etenbo.com/add-drag-and-drop-on-ionic-2-by-plugin-dragula/