在Angular中，可以通过使用MatSelectionList组件的option标签和ng-template来实现额外的可点击选项。以下是一个示例代码：

  
    {{ item }}
  
  
  
    

      Additional Option
    
    

      This is an additional option that can be clicked.
    
  

在这个示例中，mat-selection-list用于包装选项列表。mat-list-option用于循环渲染items数组中的选项，并将item作为值绑定到每个选项上。

ng-template标签用于渲染额外的可点击选项。在这个示例中，我们在ng-template中定义了一个标题和描述，用于显示额外选项的内容。

要在组件中获取选中的选项，可以使用ViewChild装饰器来获取mat-selection-list的引用，并使用selectedOptions属性来获取选中的选项。例如：

import { Component, ViewChild } from '@angular/core';
import { MatSelectionList, MatListOption } from '@angular/material/list';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent {
  @ViewChild('list') list: MatSelectionList;

  items = ['Item 1', 'Item 2', 'Item 3'];

  getSelectedOptions(): MatListOption[] {
    return this.list.selectedOptions.selected;
  }
}

在这个示例中，我们使用ViewChild装饰器来获取mat-selection-list的引用，并将其存储在list属性中。

然后，我们可以使用list.selectedOptions.selected属性来获取选中的选项。在这个示例中，我们将list.selectedOptions.selected返回给getSelectedOptions方法。

你可以在组件中使用getSelectedOptions方法来获取选中的选项，并进行后续处理。