Question

我想知道是否还有一个对象是我的Angular 2应用程序中的组件内部的html中的隔离范围（我相信这是正确的术语）。例如，假设我在我的组件TS文件中有这个obj：

private myObj = { 
  nestedObj1: {
    nestedObj2: {
      nestedObj3: {
        name: 'George',
        height: '72 inches',
        birthday: 'February 31',
        position: 'Engineer',
        favNums: [1, 2, 3, 10, 20]
      }
    }
  }
};

在我的组件中，HTML无论如何都要我这样说：

<div *let person = myObj.nestedObj1.nestedObj2.nestedObj3">  // THIS PART!!
    <h2>{{person.name}}</h2>
    <ul>
        <li>{{person.height}}</li>
        <li>{{person.birthday}}</li>
        <li>{{person.position}}</li>
    </ul>
</div>

类似如何使用ngFor循环：

<div *ngFor="let num of myObj.nestedObj1.nestedObj2.nestedObj3.favNums">
    <p>{{ num }}</p>
</div>

感谢任何见解。

Answer 1

您需要使用Angular 2 组件，它始终具有隔离范围。

只需将html作为组件的模板，并将 myObj 存储为组件范围的一部分。

Here is the documentation

And here is a tutorial for creating one

Angular 2 - 在html中获取对typescript obj的引用

1 个答案: