《雷神3》上映一周了，但由于种种原因一直没能送上票房。我已经很多年没见过Banner和Rocky了。期待明年能在《诸神黄昏》看到他们，在《无限战争》看到他们的表现。之前在学习制作页面的时候就已经体验过模板插值（在页面中显示变量）。本节将探讨更多模板语法。为了准备方便，我们这次对项目中的默认页面ContactPage进行处理，在contact.ts中创建一个简单的数组成员。清空contact.html中ion-content标签的多余内容。此时，您已准备好开始理解第一个命令。重复指令ngForngFor的作用是将与HTML元素结合的批量数据（数组）添加到页面DOM中。其语法参考了ES6中的for...of语句：for(letiof[1,2,3,4,5,6]){...}使用ngFor指令的基本语法：*ngFor="let[1,2,3,4,5,6]的值”，使用(*)时注意不要遗漏星号。尝试输出contact.html中的data数组：template中的属性成员是紧密绑定的。当属性改变时，页面会立即响应：ionViewDidEnter(){setInterval(()=>{this.data.push(this.data.length+1);},500)}上面代码中，一个间隔定时器使用钩子添加，每半秒向数据数组添加一个元素（*在ionic3中，如果没有特殊需要，请使用箭头函数代替传统的函数声明*）。可以看到，在页面中，每隔半秒就会对应的增加一个新条目。对象渲染在实际开发中，我们经常会和一个对象数组打交道。这时候我们使用点运算符（.）来输出数组的属性：data:any=[{name:'TonyStark',birthYear:1970,gender:1,description:'钢铁侠'},{name:'SteveRogers',birthYear:1920,gender:1,description:'美国队长'},{name:'NatashaLuoManov',birthYear:1928,gender:0,description:'黑寡妇'},{name:'Saul',birthYear:-5555,gender:1,description:'Thor'},{name:'ClintonBarton',birthYear:1974,gender:1,description:'鹰眼'},{name:'BruceBanner',birthYear:1975,gender:1,description:'绿巨人'}];模板渲染：
