Angular 2如何通过模板表达式中的键名访问数组值

Question

我有这个对象我试图访问Angular 2模板表达式：

   "purchMgt" : {
        "psas" : [ 
            {
                "psaEffective" : ISODate("2014-09-09T07:00:00.000Z"),
                "psaConsentNote" : "Yes",
            }
        ]
    }

我尝试了以下的多次迭代：

<p>Title Issue 1 - Consent to Assign Required {{purchMgt?.psas?[0].psaConsentNote || '--'}}</p>

或者像这样：

<p>Title Issue 1 - Consent to Assign Required {{purchMgt?.psas?[0]?.psaConsentNote || '--'}}</p>

要么：

<p>Title Issue 1 - Consent to Assign Required {{purchMgt?.psas?[psaConsentNote] || '--'}}</p>

并且：

<p>Title Issue 1 - Consent to Assign Required {{purchMgt?.psas?["psaConsentNote"] || '--'}}</p>

Answer 1

这种解决方法有效但如果有更好的方法我会给出接受的答案：

在HTML上

<strong>{{psaParser(project?.realEstate?.purchMgt?.psas, 'psaConsentNote') || '--'}}</strong>

在组件上

public psaParser(psa, key) {

    if (psa) {
        return psa[0][key];

    } else {

        return null;
    }
}