相关疑难解决方法(0)

我试图用Renderer.selectRootElement摆脱我的组件的一些元素,如所描述这里.

除非我只选择一个元素(plnkr),否则一切正常.

如您所见,我创建了一个组件:

export class ExampleComponent implements OnInit{
    @Input() start: any;
    @Input() end: any;

  constructor(public _renderer:Renderer){

  };

    ngOnChanges(){

    }
    ngOnInit(){
        console.log("NG ON CHAN START DATE",this.start);
        console.log("NG ON INIT END DATE",this.end);
        var container =  this._renderer.selectRootElement('.container');
        console.log(container);   
        var inner1 =  this._renderer.selectRootElement('.inner1');
        console.log(inner1);   
        var inner2 =  this._renderer.selectRootElement('.inner2');
        console.log(inner2);   
    }

}

当我尝试运行它时,我有一个错误:

EXCEPTION:选择器".inner1"与MainViewComponent @ 3:65中[{{exampleData.end}}中的任何元素都不匹配]

(但是,在我的应用程序中,当只找到第一个容器时,则找不到其他容器).

这有什么想法来自哪里？

UPDATE

我发现该指令未被完全调用 - 只有带有类的div container被添加到HTML中.