Список переупорядочения ng2-dragula не может быть получен

Я использую пакет ng2-dragula для функций перетаскивания, но после изменения порядка элементов списка не могу получить обновленные значения списка массивов. Вот код того, что я сделал.

HTML

      <ul [dragula]='"bag-items"' [dragulaModel]="contactArray">
                  <li *ngFor="let field of contactArray" >
                    <label>{{field.role}}</label>
                 </li>
      </ul>

JS

import { DragulaService   } from "ng2-dragula";

@Component({
  selector: 'app-edit-project',
  templateUrl: './edit-project.component.html',
  styleUrls: ['./edit-project.component.css'],
  providers: [    
      DragulaService
  ]
})

export class ProjectComponent implements OnInit {

constructor(private dragula:DragulaService) {
console.log(this.contactArray)
}

}

когда я пытаюсь утешить контактный массив после изменения порядка списка. Я все еще получаю заказ по умолчанию.

Default order looks like this

A
B
C
D

Once I reorder looks like

D
C
A
B

затем попробовал console.log(this.contactArray), я все еще получаю значения порядка по умолчанию. ожидая новых значений переупорядочения.

Можете какой-нибудь экспертный совет, пожалуйста.


angular ng2-dragula
person klmuralimohan    schedule 22.01.2019    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вам нужно будет использовать двустороннюю привязку, например: [(dragulaModel)]="contactArray". Вот официальные комментарии от ng2-dragula doc< /а>:

ПРИМЕЧАНИЕ: v2 изменяет поведение [dragulaModel]. Он больше не мутирует массивы, которые вы ему даете, а просто клонирует их и дает вам результаты. Используйте двустороннюю привязку с [(dragulaModel)]="..." или используйте события DragulaService dropModel и removeModel для сохранения новых созданных моделей.

person shhdharmen    schedule 22.01.2019