Angular2入坑指南 服務

2022-09-13 13:57:10 字數 1413 閱讀 6274

在開發過程中,對於mvc開發模式來說,使用公共元件和公共服務,可以大大提高開發速率,那麼如何來封裝或者說如何來定義乙個公共服務呢?今天老猴子來講解下如何定義公共服務。

拿http請求舉例,這個是最常用的功能,獲取資料和傳遞資料都需要用到http,我們來看下如何定義公共服務來傳遞和接收資料。

首先我們建立乙個service,我們可以使用命令列來快速建立,ng g service  ***,然後在正文中引入以下幾個模組:

ng2推薦使用rxjs來進行資料互動,使用observable(可觀察物件)來響應,為什麼使用observable,而不是用response呢?我在之後的文章中會具體詳細的來分析這兩者的區別。

引入模組之後,我們開始設定注射器

然後我們在module裡註冊這個服務

import  from "./login/login.service";

@ngmodule()

最後在component裡引用這個服務

import  from "./login.service";

constructor( public loginservice: loginservice ) ;

onsubmit(event: any)else if(data.results.user.user_mode == 0) else if(data.results.msg == "使用者名稱或密碼錯誤");

console.log(data.results.user.user_mode);

},err => alert('登入失敗!')

)};

簡言之就是,如果想封裝成公共服務,就需要使用injectable,然後在需要的模組中註冊並引用就可以正常的使用了。是不是很方便~~~

Angular2入坑指南 傳參

前兩天在群裡問了很長時間如何傳參的問題,好多人都沒有回答,不知道是他們不會,還是不屑於回答,反正就是沒人理我。我想,一定會有剛入坑的小夥伴對於如何傳參這個問題絞盡腦汁,那麼好,你們的福音來了,接下來就讓老猴子我來為大家分析下,如何傳參,以及單資料 多數據傳參和接收引數的方式。第一種是本地路由傳參 n...

Angular2入坑指南 管道(搜尋功能)

想必大家做專案都會遇到搜尋功能吧,通常都是搜尋本地資料,如果通過http去請求後台再回顯的話,那響應速度簡直叫人抓狂,所以大多數都是先存到本地然後進行搜尋回顯。angular1的方法很簡單,只需要在input標籤加入ng model,然後再在想要顯示資料的標籤加上 filter就好了,然而,angu...

angular2 依賴注入新坑。

昨天經理說要改經緯度的格式,然後今天就著手搞。搞了一上午,發現在原有的 input標籤裡做出來有瑕疵。然後,下午就用angular2的 onchanges 監聽來做。做到後面,需要 傳值的時候,自己寫的測試應用就出毛病了。在寫依賴注入服務的時候,檔案引用我是直接寫在 index.ts裡面的,結果,就...