我如何访问TypeScript文件中的内部属性,该文件本身指向具有Angular的数组

时间:2018-02-19 21:12:01

标签: angular

嗨我是角度新手,我想用角度来显示类型脚本中的数据。 我有一个对象本身指向一个对象数组。

输入脚本文件

const phones = {
    description: 'blablabla.',
    characteristics : [
        {
          rating: 5,
          name: "samsung",
          country: "south Korea"
          },
        {
          rating: 5,
          name: "iphone",
          country: "usa"
        },
        {
          rating: 4,
          name: "meizu",
          country: "china"
        }
    ]
    };

html文件

<div  *ngIf="phones">
       <p>{{phones.description}}
                </p>
                <md-list *ngIf="phones">
                    <md-list-item *ngFor="let characteristics of phones">
                        {{characteristics.rating}}
                    </md-list-item>
                </md-list>


    </div>

2 个答案:

答案 0 :(得分:0)

您的phones变量可在模板中访问,也可在其所有属性和嵌套对象中访问。您可以使用点表示法来获取这些属性。 以下是您所需要的方式:

<div  *ngIf="phones">
    <p>{{phones.description}}</p>
    <md-list *ngIf="dish">
          <md-list-item *ngFor="let characteristic of phones.characteristics">
               {{characteristic.rating}}
          </md-list-item>
    </md-list>
</div>

答案 1 :(得分:0)

你必须遍历数组phone.characteristics

<div  *ngIf="phones">
   <p>{{phones.description}}</p>
   <md-list *ngIf="dish">
        <md-list-item *ngFor="let characteristic of phones.characteristics">
                    {{characteristic.rating}}
        </md-list-item>
   </md-list>
</div>