如果我们在Primeng orderlist中使用drag n drop对元素重新排序，如何获得新的修改后的索引

在Primeng orderlist中使用drag n drop对元素重新排序后，可以通过以下步骤来获取新的修改后的索引：

首先，确保你已经在你的应用程序中正确引入了Primeng组件库和相关的依赖。
在你的组件类中，定义一个变量来保存orderlist中的元素数组和新的修改后的索引值，例如：

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  items: any[] = [
    { label: 'Item 1' },
    { label: 'Item 2' },
    { label: 'Item 3' },
    { label: 'Item 4' }
  ];
  newIndex: number;
  
  // 其他代码...
}

在模板文件（my-component.component.html）中，使用orderlist组件，并使用dragdrop指令启用drag n drop功能。为了获取新的索引，我们可以使用onListChange事件，该事件会在顺序发生改变时触发，例如：

<p-orderList [value]="items" dragdrop="true" (onListChange)="updateIndexes($event)">
  <ng-template let-item pTemplate="item">
    <div class="ui-helper-clearfix">
      {{item.label}}
    </div>
  </ng-template>
</p-orderList>

在组件类中，实现updateIndexes方法来获取新的修改后的索引，如下所示：

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  items: any[] = [
    { label: 'Item 1' },
    { label: 'Item 2' },
    { label: 'Item 3' },
    { label: 'Item 4' }
  ];
  newIndex: number;
  
  updateIndexes(event: any) {
    this.items = event.list; // 更新排序后的元素数组
    this.newIndex = event.dropIndex; // 获取新的索引
  }
  
  // 其他代码...
}