如何使用 Angular ng-select 动态显示 ID？

问：

我正在使用 ng-select 显示 API 中的项目。

   <ng-select placeholder="Select Template" #templates (change)="onChange()">
      <ng-container *ngFor ="let t of templateData.envelopeTemplates">
        <ng-container *ngIf="t.name && t.templateId">
          <ng-option value="{{t.templateId}}">{{t.name}}</ng-option>
        </ng-container>
      </ng-container>
   </ng-select>

在我的代码中，您可以看到我从请求中提取名称，但我还需要在值中显示 id。当我运行它时，我收到此错误，main.js：36218错误类型错误：无法读取未定义的属性（读取“值”）

我需要将 templateID 绑定到值，因为当用户选择一个选项时，该 id 用于向 API 发送请求以获取有关该模板的更多数据。其他一切都很好，我只是被困在这个问题上。这也是一种反应形式。这是方法。

 getTemplates(){
this.templateFieldService.getTemplate().subscribe((temp: Template) => {
  if(temp){
    this.templateData = temp;
    this.templateData.envelopeTemplates.forEach(temp =>{
      this.tempData?.push(temp.name);
      this.tempId?.push(temp.templateId);
    })
  }
  console.log(this.templateData)
});

更新：

我创建了一个 StackBlitz 来显示我在说什么。堆栈闪电战