ionique 3 angulaire rendant triableJs en utilisant script systemjs.config.js

Question

Je suis https://github.com/SortableJS/angular-sortablejs et le systemjs.config.js est où je suis coincé. J'ai une application ionique 3 angulaire 4.

J'ai créé dans mes actifs/js/et un script systemjs.config.js nommé alors inclus dans mon index.html comme la dernière ligne dans la section de tête

<script src="assets/js/systemjs.config.js"></script> 

Cependant, en faisant qu'il se plaint il ne pouvait pas trouver le système. Quelle est la dernière ligne du script? System.config (config);

Si j'ignore l'étape ci-dessus, je finis par ne pas pouvoir lier l'erreur de propriété sortablejs. mes .ts et .html ressemble ci-dessous:

<h2>Drag/drop the item</h2> 
     <div [sortablejs]="items"> 
     <div *ngFor="let item of items">{{ item }}</div> 
     </div> 

     <hr> 

     <h2>See the result</h2> 
     <div> 
     <div *ngFor="let item of items">{{ item }}</div> 
     </div> 

.ts

import { Component, ViewChild, AfterViewInit } from '@angular/core'; 
@Component({ 
    selector: 'dynamic-home', 
    templateUrl: 'dynamic-home.html' 
}) 
export class DynamicHomeComponent implements AfterViewInit{ 
    items = [1, 2, 3, 4, 5]; 
} 

app.module.ts

import { SortablejsModule } from 'angular-sortablejs' 

@NgModule({ 
    declarations: [], 
    imports: [ 
SortablejsModule 
] 

dyamicHome.ts

import { sortablejs } from 'sortablejs' 

Answer 1

je ne sais pas quel était le problème ici, donc je fini par utiliser quelque chose d'autre appelé dragula https://github.com/valor-software/ng2-dragula

cela a fonctionné comme un charme