如何在ts文件中获取到ti-select组件所选中的项

在 TypeScript 文件中获取到 `ti-select` 组件所选中的项，可以使用双向数据绑定来实现。首先，在组件的 HTML 模板中，使用 `[(ngModel)]` 指令来绑定组件的值和一个模板变量，如下所示：

<ti-select [(ngModel)]="selectedItem" #select>
  <ti-option *ngFor="let item of items" [value]="item">{{ item }}</ti-option>
</ti-select>

这里，`[(ngModel)]` 指令将组件的值和模板变量 `selectedItem` 双向绑定，`#select` 则是一个模板引用变量，用来在 TypeScript 中获取组件实例。然后，在 TypeScript 文件中，可以使用 `@ViewChild` 装饰器和模板引用变量来获取组件实例，并获取所选中的项，如下所示：

import { Component, ViewChild } from '@angular/core';
import { TiSelect } from 'ng-titanium-elements';

@Component({
  selector: 'my-component',
  template: `
    <ti-select [(ngModel)]="selectedItem" #select>
      <ti-option *ngFor="let item of items" [value]="item">{{ item }}</ti-option>
    </ti-select>
  `
})
export class MyComponent {
  @ViewChild('select') select: TiSelect;
  selectedItem: any;

  ngAfterViewInit() {
    const selectedOption = this.select.selectedOption;
    console.log(selectedOption); // 输出所选中的项
  }
}

这里，`@ViewChild` 装饰器将模板引用变量 `#select` 与类中的 `select` 属性绑定，然后在 `ngAfterViewInit` 生命周期钩子函数中，通过 `select.selectedOption` 属性获取所选中的项。