Angulaire 4 ne Peut pas se lier à <propriété> car il n'est pas connu de la propriété de <la composante>

Je suis en train de créer mon propre directive Angulaire 4. Mais, j'ai eu cette erreur lorsque lier la propriété de la classe dans le modèle de composant.

D'erreur de la Console:

Unhandled Promise rejection: Template parse errors: Can't bind to
'data' since it isn't a known property of 'tree'. ("<tree [ERROR
->][data]="data"></tree>"):

Mon arborescence de la vue de composant.ts:

@Component({
    selector: 'app-tree-view',
    template: '<tree [data]="data"></tree>'
})
export class TreeViewComponent implements OnInit {

    @Input() data: any[];

    constructor() {
        this.data = [
        {
            label: 'a1',
            subs: [
                {
                    label: 'a11',
                    subs: [
                        {
                            label: 'a111',
                            subs: [
                                {
                                    label: 'a1111'
                                },
                                {
                                    label: 'a1112'
                                }
                            ]
                        },
                        {
                            label: 'a112'
                        }
                    ]
                },
                {
                    label: 'a12',
                }
            ]
         }
     ];
  }

  ngOnInit() { }

}

Voici mon script complet fichier: https://pastebin.com/hDyX2Kjj

Est-ce que quelqu'un sais ce que c'est? TiA

Vous n'avez pas besoin de marquer les entrées deux fois, soit ` entrées: ['data'],` ou @Input() si vous avez les deux, l'un est redondante. Avez-vous ajouter Node à declarations of @NgModule()`?
plnkr.co/modifier/tpl:AvJOMERrnz94ekVua0u5 fournit un prêt à l'utilisation Angular2 modèle - appuyez simplement sur le bouton "nouveau" et "Angulaire".
Il a été résolu avec l'ajout TreeNodeComponent, TreeComponent, adn TreeViewComponent des déclarations tableau dans @NgModule(). Est-il un autre moyen d'inclure TreeViewComponent seulement dans @NgModule() sans TreeNodeComponent et TreeComponent? Parce que j'ai déjà inclus dans son TreeViewComponent.
Désolé, je ne sais pas ce que tu veux dire avec "Parce que j'ai déjà inclus dans son TreeViewComponent." Voulez-vous dire TreeViewModule?
Je n'ai import { TreeNodeComponent } from './tree-view.node.component'; dans TreeComponent et import { TreeComponent } from './tree.component'; dans TreeViewComponent. Pourquoi devrais-je les inclure à nouveau dans l'app.module? N'est-ce pas assez avec juste notamment TreeViewComponent dans des déclarations?

OriginalL'auteur Justinus Hermawan | 2017-03-31