Question

我在module对象

中有以下数据结构

{
    "date": "2018-01-19T14:06:57.588Z",
    "id": "lpybtKeZpr7lPDZMQtcO",
    "moduleNum": 1,
    "name": "New Module For AMD",
    "published": true,
    "qNums": 10,
    "attendies": [
      {
        "date": "2018-01-22T06:06:46.990Z",
        "points": 5,
        "retry": true, // <-- here it is
        "retryAttempt": 0,
        "uid": "som6XQYufyWrHW6SJvRfWM6iCGg1"
      }
    ]
}

现在我无法弄清楚如何根据嵌套在retry对象中的module的值来显示按钮。

我很累，但很失败

<button *ngIf="module.attendies?.retry" type="button" class="btn btn-primary btn-sm manage-button" (click)="attendTest(attendTestModal,module)">Retry Test</button>

Answer 1

您需要通过索引访问，因为attendies是数组。

module.attendies[0]?.retry

Answer 2

按钮：

<button *ngIf="module.attendies[0]?.retry" type="button" class="btn btn-primary btn-sm manage-button" (click)="attendTest(attendTestModal,module)">Retry Test</button>

Answer 3

在这种情况下使用 *ngIF ，并且出席是一个数组。所以使用索引访问

<span *ngIf="module.attendies && module.attendies.lengh" >
<h1> {{module.attendies[0].retry}}</h1>
</span>

检查ngIf语句中的内部对象

3 个答案: