Ich habe versucht, @ zu folgdieses Tutorial, um eine verschachtelte Baumansicht zu erstellen. Das Tutorial ist maschinengeschrieben, während ich versuche, mit Angular2 etwas Ähnliches in Javascript zu tun.

Im Typoskript-Code sieht die Strukturansicht so aus:

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>; 
}

In Javascript, das konvertieren sollte:

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

Javascript gibt jedoch den folgenden Fehler aus:

EXCEPTION: Unerwarteter Anweisungswert 'undefined' in der Sicht der Komponente 'function () {'

Ich glaube, es liegt daran, dass ich Anweisungen aufrufe: [TreeView], bevor TreeView vollständig definiert wurde. Wenn ich diese Anweisungszeile entferne, verschwindet der Fehler. Ich weiß jedoch nicht, warum es in Typoskript und nicht in Javascript funktionieren würde, wenn Typoskript einfach in Javascript kompiliert wird.Dies ist das kompilierte Javascript aus dem Typoskript-Code. Ich bin mir nicht sicher was ich vermisse. Jede Hilfe wäre super dankbar.