Angular：在ngFor中使用javascript Object.somefunction（）

我有一个用于对Object.keys（）生成的键进行迭代的方法，如下所示：

    <ul id='nav-tablist' class='tabrows'>
        <li *ngFor="let tab of obj.keys(tabList)">
            <a class="{{ tabList[tab].active?'tab-selected':''}}" 
                rel="{{ tab }}" (click)="tabClicked($event)">{{ tabList[tab].title }}
            </a></li>

---

谢谢，

使用

KeyValuePipe

：

{{tab.value.title}

使用

KeyValuePipe

：

{{tab.value.title}

在组件类中定义属性，如

对象

或

编号

，以便在模板中访问，这是正确的。而且，如果您只是让类型推断为您工作，而不是编写不必要的代码，您就不会有类型检查错误<代码>obj=对象是您可以得到的最大类型！如果希望显式，请使用适当的类型来修复错误：

obj:ObjectConstructor=Object

定义在组件类中为模板中的访问而别名对象

Object

或

Number

的属性是正确的。而且，如果您只是让类型推断为您工作，而不是编写不必要的代码，您就不会有类型检查错误<代码>obj=对象是您可以得到的最大类型！如果希望显式，请使用适当的类型修复错误：

obj:ObjectConstructor=Object

  tabList: {
    [key: string]: {
      rdoKey: string,
      title: string,
      active: boolean,
      onClose?(): void,
      onActivate?(): void
    } 
  } = {
    "tab-1": { rdoKey: null, title: 'Info', active: true, onClose: function(){}, onActivate: function(){} },
    "tab-2": { rdoKey: null, title: 'Data Tab 1', active: false, onClose: function(){}, onActivate: function(){} }
  };

<ul id="nav-tablist" class="tabrows">
  <li *ngFor="let tab of tabList | keyvalue">
    <a class="{{ tab.value.active?'tab-selected':''}}" rel="{{ tab.key }}" (click)="tabClicked($event)">{{ tab.value.title }}
    </a>
  </li>
</ul>