Я пытался следоватьэтот урок создать вложенное дерево. Учебное пособие написано на машинописном тексте, в то время как я пытаюсь сделать то же самое в JavaScript с Angular2.

В машинописном коде компонент древовидного представления выглядит так:

import {Component, Input} from 'angular2/core'; 
import {Directory} from './directory'; 
@Component({
    selector: 'tree-view',
    templateUrl: './components/tree-view/tree-view.html',
    directives: [TreeView] 
}) 
export class TreeView {
    @Input() directories: Array<Directory>; 
}

В JavaScript, который должен конвертировать в:

TreeView = ng.core
  .Component({
    selector: 'tree-view',
    templateUrl: './components/tree-view/tree-view.html',
    directives: [TreeView],
    inputs: ['directory'],
  })
  .Class({
    constructor: function() {
    },
  });

Однако javascript выдает следующую ошибку:

ИСКЛЮЧЕНИЕ: неожиданное значение директивы 'undefined' в представлении компонента 'function () {'

Я полагаю, это потому, что я вызываю директивы: [TreeView] до того, как TreeView будет полностью определено. Если я удалю эту директивную строку, ошибка исчезнет. Тем не менее, я не знаю, почему это будет работать в машинописном тексте, а не в JavaScript, если машинописный текст просто компилируется в JavaScript.Это скомпилированный javascript из машинописного кода. Я не уверен, что мне не хватает. Любая помощь будет очень признательна.