Javascript 正在尝试访问我的TypeScript类属性，以便可以在HTML中显示

我正在尝试将我正在进行的一个项目从Angular 1重新开发为Angular 2。目前我正在使用Ionic来构建它，因为它在iOS上使用。这次重新开发是我第一次与TypeScript进行交互

到目前为止，我已经能够完成我所需要的大部分工作。但现在我的问题是，我想访问类的一个属性并在HTML代码中显示它，但只有在它被设置之后，这样我才不会出错。但是，我的代码或至少是Ionic说，即使我使用

ngOnInit

或

ngAfterContentInit

函数尝试这样做，该属性也未定义

我可能用错误的方式编写了这段代码，但我想问一下如何访问这些属性，以便在HTML中显示它们，如

*ngFor='let e of EventInfo'，然后{e.eventName}

。请帮帮我。我将继续搜索前面的问题，希望找到一些灵感来回答我的问题

我将在下面添加我的类代码

要添加更多信息，我计划在一个菜单上使用

e.eventName

，该菜单可切换，它将显示我想要的

eventInfo

信息

对于下面的代码，我还添加了

pullJson.getMondayJson

的外观

这就是我试用eventInfo时最初的样子。

this.eventInfo=[{rType:this.mondayJson.agendaEvents[0]。行类型，事件名称：this.mondayJson.agendaEvents[0]。事件名称，开始时间：this.mondayJson.agendaEvents[0]。开始时间，结束时间：this.mondayJson.agendaEvents[0]。结束时间}

@组件({
选择器：“中央面板”，
主机：{（窗口：滚动）'track（$event）}，
templateUrl:“中心面板.html”
})
导出类中心面板{
星期一；
星期二；
星期三；
页面：数组；
事件信息：数组；
公共构造函数（公共pullJson:pullJson，公共菜单：MenuController，locationA2:Location）{
此页=[
{标题：'中心面板'}，
{标题：'RightPanel'}
];
pullJson.getMondayJson
.订阅(
getMondayJson=>this.mondayJson={
dayOfWeek:getMondayJson.dayOfWeek.toUpperCase（），
agendaEvents:getMondayJson.agendaEvents
},
console.error，
（）=>console.log（'周一完成HTTP！！'）
);
}

this.getMondayJson=this.http.get（'https://../remote-server-file.json')
.map（response=>response.json（））；

有人让我发布模板代码：


{{event.startTime}
{{event.endTime}

以下是Json文件的示例：

{
      "rowType": "event",
      "eventName": "Facilitator Training",
      "iconType": "workshop",
      "startTime": "8:00AM",
      "endTime": "10:00AM",
      "headerLocation": "Go To Brooklyn",
      "locationDetails": {
        "jsonGroupFile": {
          "subData": "",
        },
        "hardcodedList": ["<b>Test:<br>New York"]
      },
      "subEvents": [
        {
          "presentationName": "",
          "durationInMinutes": "120",
          "speakers": "Test Person"
        }
      ],
      "images": [
        {
          "imageType": "hotel"
        },
        {
          "imageType": "map"
        }
      ],
      "files": []
    }

{
“行类型”：“事件”，
“事件名称”：“主持人培训”，
“iconType”：“研讨会”，
“开始时间”：“上午8:00”，
“结束时间”：“上午10:00”，
“校长定位”：“去布鲁克林”，
“位置详细信息”：{
“jsonGroupFile”：{
“子数据”：“，
},
“硬编码列表”：[“测试：
纽约”]
},
“子事件”：[
{
“presentationName”：“，
“持续时间分钟”：“120”，
“发言人”：“测试人员”
}
],
“图像”：[
{
“图像类型”：“酒店”
},
{
“图像类型”：“映射”
}
],
“文件”：[]
}
在构造函数中发布模板代码make
eventInfo=[]
，并在可用时将其设置为新值。检查@Sajeetharan我已将模板代码添加到我的问题中。由于异步获取数据，您需要使用一些值初始化eventInfo以防止未定义的错误。请注意，堆栈片段（“代码片段”功能）只应用于可运行的代码。在您的案例中运行代码不会产生任何有趣的效果。