Model Angular2 dragula模型未更新

我的项目使用ng2 dragula，拖放时模型更新不起作用

<ul style="list-style-type: none;">
   <li *ngFor="let item of itemList" [dragula]='"bag-one"'          [dragulaModel]='itemList' >
      <div >
           {{item.label | itemFilter:user.language}}
          <a (click)="delete(item)" style="cursor:pointer;">delete</a>
       </div>
     </li>
    </ul>

我的根组件的一部分

@Component({
    .....
    viewProviders: [DragulaService]

拖放工作正常，但未更新put itemList模型 控制台上没有错误

---

为什么？

您需要将Dragula指令移动到行李层

<ul style="list-style-type: none;" [dragula]='"bag-one"' [dragulaModel]='itemList'>
   <li *ngFor="let item of itemList">
       ...

---

您需要将Dragula指令向上移动到行李级别

<ul style="list-style-type: none;" [dragula]='"bag-one"' [dragulaModel]='itemList'>
   <li *ngFor="let item of itemList">
       ...

---

对我来说，它不起作用，因为我把dragula放在转换为shadowdom的html元素上

例如，我从以下几点出发：

<ion-card-content dragula="DRAGULA_FACTS">
  <ion-item *ngFor="let featureUserType of featureUserTypes">
    <uab-menu-feature-button [feature]="featureUserType"
                             [enableRoutes]="false"
                             [showDescription]="true"
                             [showFullName]="true"></uab-menu-feature-button>
  </ion-item>

为此：

<div [dragula]="'REORDER_FEATURES'"
       [dragulaModel]="featureUserTypes"
       (dragulaModelChange)="reorderFeatures($event)">
    <div *ngFor="let featureUserType of featureUserTypes">
      <ion-item>
        <uab-menu-feature-button [feature]="featureUserType"
                                 [enableRoutes]="false"
                                 [showDescription]="true"
                                 [showFullName]="true"></uab-menu-feature-button>
      </ion-item>
    </div>
  </div>

---

对我来说，它不起作用，因为我把dragula放在转换为shadowdom的html元素上

例如，我从以下几点出发：

<ion-card-content dragula="DRAGULA_FACTS">
  <ion-item *ngFor="let featureUserType of featureUserTypes">
    <uab-menu-feature-button [feature]="featureUserType"
                             [enableRoutes]="false"
                             [showDescription]="true"
                             [showFullName]="true"></uab-menu-feature-button>
  </ion-item>

为此：

<div [dragula]="'REORDER_FEATURES'"
       [dragulaModel]="featureUserTypes"
       (dragulaModelChange)="reorderFeatures($event)">
    <div *ngFor="let featureUserType of featureUserTypes">
      <ion-item>
        <uab-menu-feature-button [feature]="featureUserType"
                                 [enableRoutes]="false"
                                 [showDescription]="true"
                                 [showFullName]="true"></uab-menu-feature-button>
      </ion-item>
    </div>
  </div>