viewChild

angularjs中可用viewChild操作DOM

ngOnInit只是指令和组件初始化完成，并不是真正的dom加载完成

建议在angular里所有的变量都指定类型。

*ngif判断是否显示。

//视图加载完成触发的方法

ngAfterViewInit():void{

}

给节点起名字=>#名字      然后在核心组件引入viewChild,如下图所示：

 

@ViewChild('myBox')  myBox2:any     //相当于获取节点后赋值myBox2

再在ngAfterViewInit中获取

ngAfterViewInit():void{

　　console.log(this.myBox2.nativeElement)

}　　

viewChild另一个作用：父组件可以调用子组件的实例

可以在父组件调用子组件的方法如

this.myBox2.run();

<aside>侧边栏　　

transform:translate(100%,0）//第一个值x轴位移，第二个值是y轴=>这就相当于移动了自身

transition:all 2s  //动画过渡时间

#aside相当于给aside标签写style样式

js改变style样式=> asideDome.style.transform="translate(0,0)";