如何使用 *ngFor Angular 迭代对象

Question

我有一组看起来像

的对象

[
     {sn: 'N300W150726', merchantName: ' test', __typename: 'GetTpeByUser'}
     {sn: 'N300W150726', merchantName: 'alex', __typename: 'GetTpeByUser'}
     {sn: 'N300W150726', merchantName: 'alexa', __typename: 'GetTpeByUser'}
]

我想在按钮文本中显示商户名称并通过函数发送 sn

<nb-card [size]="'medium'" *ngIf="!toggle">
      <nb-card-header>
        <div class="col-lg-6">Point de vente</div>
      </nb-card-header>
      <nb-card-body>
        <nb-list>
          <nb-list-item *ngFor="let item of nameUsersByTpe">
            <!-- FILTER ARRAY -->
            <button nbButton (click)="getTpeByUser(item.sn)">
              {{ item.merchantName}}
            </button>
          </nb-list-item>
        </nb-list>
      </nb-card-body>
    </nb-card>

这段代码returns什么都没有，有什么解决办法吗？？

Answer 1

你什么都没看到吗？然后检查切换变量。列表没有显示？然后检查 nameUsersByType 数组。顺便说一句：数组元素不是用逗号分隔的。这是真的？然后在那里寻找你的答案

如何使用 *ngFor Angular 迭代对象

How to iterate an Object using *ngFor Angular

frontend

node.js

typescript

angular