ng2-bootstrap-base-modified/demo/src/app/components/+sortable/demos/custom-item-template/custom-item-template.html

Native Angular Bootstrap Components Typeahead modified

<template #itemTemplate let-item="item" let-index="index"><span>{{index}}: {{item.value}}</span></template>

<div class="col-xs-6 col-md-3">
  <bs-sortable
    [(ngModel)]="itemStringsLeft"
    [itemTemplate]="itemTemplate"
    itemClass="sortable-item"
    itemActiveClass="sortable-item-active"
    placeholderItem="Drag here"
    placeholderClass="placeholderStyle"
    wrapperClass="sortable-wrapper"
  ></bs-sortable>
  <pre>model: {{ itemStringsLeft | json }}</pre>
</div>
<div class="col-xs-6 col-md-3">
  <bs-sortable
    [(ngModel)]="itemStringsRight"
    itemClass="sortable-item"
    itemActiveClass="sortable-item-active"
    placeholderItem="Drag here"
    placeholderClass="sortable-item"
    wrapperClass="sortable-wrapper"
  ></bs-sortable>
  <pre>model: {{ itemStringsRight | json }}</pre>
</div>