I am completly new to HTML/Angular.
I was following the basic tutorial from the angular website (<https://angular2-tree.readme.io/docs#basic-usage>).

The problem I now have is that I do not understand how I call the tree in my HTML file with the statement from the website:

```html
<tree-root [nodes]="nodes" [options]="options"></tree-root>

```

To me it is not clear how the output class is important/defines the nodes that are in the tree and what the JSON "code" below the statement means. Any help is greatly appreciated!

EDIT: my component.ts class

```
 @Component({
  selector: 'app-component',
  template: '<tree-root [nodes]="nodes" [options]="options"></tree-root>',
  templateUrl: './app.component.html'

})
export class App2Component {
  nodes = [
    {
      id: 1,
      name: 'root1',
      children: [
        { id: 2, name: 'child1' },
        { id: 3, name: 'child2' }
      ]
    },
    {
      id: 4,
      name: 'root2',
      children: [
        { id: 5, name: 'child2.1' },
        {
          id: 6,
          name: 'child2.2',
          children: [
            { id: 7, name: 'subsub' }
          ]
        }
      ]
    }
  ];
  options = {};
}

```

and my component.html class

```
<div class="container">
  <div class="jumbotron">
    <h1>Bootstrap Tutorial</h1>
    <h2>Project 2 Demo</h2>
  </div>

  <div class="panel panel-primary">
    <div class="panel-heading">
      Status
    </div>
    <div class="panel-body">
      <h3>{{title}}</h3>
      <tree-root [nodes]="[
  {
    id: 1,
    name: 'root1',
    children: [
      {
        id: 2,
        name: 'child1'
      }, {
        id: 3,
        name: 'child2'
      }
    ]
  }
]" [options]="options"></tree-root>
    </div>
  </div>
</div>

```