javascript - Angular Tree-komponent fungerer ikke
Jeg installerte og importerte Angular tree-komponenten og prøvde å sette den opp ved å bruke det grunnleggende eksemplet som følger trinnene på https://angular2-tree.readme.io/
Men dessverre ser jeg bare roten og uten å utvide. Kan noen som ser koden med en gang se om noe er galt? Vennligst hjelp meg å forstå feilen som jeg åpenbart ikke klarer å se.
Modul :
import { NgModule } from '@angular/core';
import { TreeModule } from 'angular-tree-component';
@NgModule({
imports: [
TreeModule
],
declarations: [],
providers: []
})
export class CourseCreationModule { }
Komponent :
import { Component, OnInit } from '@angular/core';
import { Router, ActivatedRoute, Params } from '@angular/router';
@Component({
selector: 'app-container',
templateUrl: './container.component.html',
styleUrls: ['./container.component.css']
})
export class ContainerComponent implements OnInit {
tree: any;
constructor() { }
getCourseDetails() {
this.createLessonTree();
}
createLessonTree() {
this.tree = [
{
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' }
]
}
]
}
];
}
ngOnInit() {
this.route.params.subscribe(params => {
this.courseId = params['id'];
this.getCourseDetails();
});
}
HTML :
<tree-root [nodes]="tree"></tree-root>
Tror det ikke er noen syntaksfeil, da jeg kan se root1 og root2.
Takk.
Svar #1
La til @import '~angular-tree-component/dist/angular-tree-component.css'; i src/styles.css-filen og det fungerte.
Svar #2
Jeg tror du trenger å kalle getCourseDetails() i konstruktøren din eller i ngOnInit(), som bør implementeres som klasse-erklæringen angir.