ionic 3 angular делает sortableJs работающим с использованием скрипта systemjs.config.js

Question

Я следую за https://github.com/SortableJS/angular-sortablejs а systemjs.config.js - то, где я застрял. У меня ионный 3 угловой 4 приложение.

Я создал скрипт с именем systemjs.config.js в моих ресурсах / js /, а затем включил его в свой index.html в качестве последней строки в разделе заголовка как

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

Однако, делая это, он жалуется, что не может найти Систему. Какая последняя строка в скрипте System.config(config);

если я игнорирую вышеупомянутый шаг, то я в конечном итоге не могу связать ошибку свойства sortablejs. Мои.ts и.html выглядят так:

 <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

Я не знаю, в чем здесь проблема, поэтому я в конечном итоге использовал что-то еще под названием dragula https://github.com/valor-software/ng2-dragula

это сработало как шарм