創(chuàng)建組件
ng? g component components/news
ng serve 重啟
錯誤:An unhandled exception occurred: spawn EPERM See??
解決方法
重啟
刪除node_modules和package-lock.json文件,再重啟
手動創(chuàng)建組件
1种玛、創(chuàng)建hrml,ts,css文件
2、module中引入Conponent
瀏覽器中查看效果
premise方式
services.js中
getPromiseData()?{
????return?new?Promise((resolve,?rejects)?=>?{
??????setTimeout(()?=>?{
????????let?name?=?'張三'
????????resolve(name)
??????},?1000)
????} )
??}
調(diào)用
?let?premiseData?=?this.storage.getPromiseData();
????????premiseData.then(data?=>?{
????????????console.log(data)
????????})
rxjs方式
import?{?Observable?}?from?'rxjs';
?getRxjsData()?{
????return?new?Observable((observe:?any)?=>?{
??????setTimeout(()?=>?{
????????let?userName?=?'張三----Observable'
????????observe.next(userName)
????????//?observe.error();//失敗
??????},?2000)
????})
??}
調(diào)用
let?rxjsData?=?this.storage.getRxjsData();
????????rxjsData.subscribe((data:?any)?=>?{
????????????console.log(data)
????????})
import?{?HttpClientModule?}?from?'@angular/common/http';
sservices.ts
<a?[routerLink]="[?'/'?]"?routerLinkActive="active">首頁</a>