相关疑难解决方法(0)

将数据传递到"router-outlet"子组件(角度2)

我有一个父组件进入服务器并获取一个对象.

// parent component

@Component({
    selector : 'node-display',
    template : `
        <router-outlet [node]="node"></router-outlet>
    `
})

export class NodeDisplayComponent implements OnInit {

    node: Node;

    ngOnInit(): void {
        this.nodeService.getNode(path)
            .subscribe(
                node => {
                    this.node = node;
                },
                err => {
                    console.log(err);
                }
            );
    }
Run Code Online (Sandbox Code Playgroud)

在(孩子中的一个)我的孩子展示

export class ChildDisplay implements OnInit{

    @Input()
    node: Node;

    ngOnInit(): void {
        console.log(this.node);
    }

}
Run Code Online (Sandbox Code Playgroud)

看起来我没想到只能将数据注入路由器插座.看起来我在Web控制台中收到了错误...

Can't bind to 'node' since it isn't a known property of 'router-outlet'.
Run Code Online (Sandbox Code Playgroud)

这有点道理,但我怎么做以下......

// parent component

@Component({
    selector : 'node-display',
    template : …
Run Code Online (Sandbox Code Playgroud)

dependency-injection angular2-routing angular

80
推荐指数
6
解决办法
7万
查看次数