angular8 rxjs，动画

rxjs 异步编程 类似promise

第三方模块  
 import {Observable} from 'rxjs' 

封装    
getRxjsData(){
       return new Observable((ob)=>{
            settimeout(()=>{var user="123"  ob.next(user)},2000)
        })
 }
 
调用
var s = this.request.getRxjsData()
s.subscribe((data)=>{})


promise
封装    
getRxjsData(){
       return new Promise((resolve,reject)=>{
            settimeout(()=>{var user="123"  resolve(user)},2000)
        })
 }
 
调用
var s = this.request.getRxjsData()
s.then((data)=>{})

取消订略

var d = s.subscribe((data)=>{})
settimeout(()=>{
  d.unsubscribe()     对返回的值取消
},1000)

侧边栏动画

组件样式

.aside{
    transform:translate(100%,0);
    transition:all 2s;
}

全局样式

body{width:100%;overflow-x:hidden}

show(){
   var asideDom = document.getElementById('aside')
   asideDom.style.transforms = 'translate(0,0)'
}
hide(){
   var asideDom = document.getElementById('aside')
   asideDom.style.transforms = 'translate(100%,0)'
}