要按名称对列表进行排序，您可以使用Angular 5和Firebase的以下解决方案：

1. 首先，确保您已经安装了Firebase和AngularFire依赖项。您可以通过运行以下命令来安装它们：

npm install firebase @angular/fire

2. 在您的Angular项目中，创建一个名为list.component.ts的组件，并在其中添加以下代码：

import { Component } from '@angular/core';
import { AngularFireDatabase } from '@angular/fire/database';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-list',
  template: `
    

      

        {{ item.name }}
      
    
  `,
})
export class ListComponent {
  items: Observable;

  constructor(db: AngularFireDatabase) {
    this.items = db.list('/items', ref => ref.orderByChild('name')).valueChanges();
  }
}

3. 然后，在您的Angular项目中，将ListComponent添加到适当的模块中，并导入相关的Firebase和AngularFire模块。例如，在app.module.ts中：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AngularFireModule } from '@angular/fire';
import { AngularFireDatabaseModule } from '@angular/fire/database';
import { ListComponent } from './list.component';

const firebaseConfig = {
  // 根据您的Firebase配置进行替换
};

@NgModule({
  imports: [
    BrowserModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireDatabaseModule
  ],
  declarations: [ListComponent],
  bootstrap: [ListComponent]
})
export class AppModule { }

4. 最后，在您的Angular项目中的HTML文件中使用标签来显示列表组件。例如，在app.component.html中：

现在，您的列表将按名称排序并显示在Angular应用程序中。