ng执行css3动画

在组件html中

　　

　　　　

侧边栏

　　　　　　

　　　　　　

弹出侧边框

　　　　　　

隐藏侧边框

　　　　　　

显示与隐藏

　　　　

　　

css中:

#aside{width: 200px; height: 100%;position: absolute; right: 0;top: 0; background-color: #000 ; color:#fff;transform: translate(100%,0);transition: all 2s}

ts 中

　　showaside(){

　　　　var asideDom:any = document.getElementById("aside");

　　　　asideDom.style.transform="translate(0%,0)";

}

　　hiddenaside(){

　　　　var asideDom:any = document.getElementById("aside");

　　　　asideDom.style.transform="translate(100%,0)";

　　}