ionic 3 angular 使用 systemjs.config.js 脚本使 sortableJs 工作

Question

我正在关注 https://github.com/SortableJS/angular-sortablejs 而 systemjs.config.js 是我被困的地方。我有一个 ionic 3 angular 4 应用程序。

我在我的 assets/js/ 中创建了一个名为 systemjs.config.js 的脚本，然后将其作为

头部部分的最后一行包含在我的 index.html 中

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

但是，这样做它会抱怨找不到 System.这是脚本的最后一行 System.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

这很有效

ionic 3 angular 使用 systemjs.config.js 脚本使 sortableJs 工作

ionic 3 angular making sortableJs working using systemjs.config.js script

angular

typescript

ionic3

systemjs

sortablejs