以下是一个基于Angular 2的带排序的双列表组件的解决方法的代码示例：

1. 创建一个双列表组件的文件，例如dual-list.component.ts：

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

@Component({
  selector: 'app-dual-list',
  templateUrl: './dual-list.component.html',
  styleUrls: ['./dual-list.component.css']
})
export class DualListComponent {
  leftList: string[] = ['Item 1', 'Item 2', 'Item 3'];
  rightList: string[] = [];

  moveRight() {
    const selectedItems = this.leftList.filter(item => item.selected);

    this.rightList = this.rightList.concat(selectedItems);
    this.leftList = this.leftList.filter(item => !item.selected);
  }

  moveLeft() {
    const selectedItems = this.rightList.filter(item => item.selected);

    this.leftList = this.leftList.concat(selectedItems);
    this.rightList = this.rightList.filter(item => !item.selected);
  }

  sortList(list: string[]) {
    list.sort((a, b) => a.localeCompare(b));
  }
}

2. 创建一个双列表组件的HTML模板文件，例如dual-list.component.html：

  
Left List
  

    

      
      {{item}}
    
  
  Move Right



  
Right List
  

    

      
      {{item}}
    
  
  Move Left

3. 创建一个双列表组件的CSS文件，例如dual-list.component.css：

.selected {
  background-color: #ccc;
}

4. 在需要使用双列表组件的父组件中，如app.component.html文件中添加以下代码：

这样就可以在父组件中使用这个带排序的双列表组件了。