ng4中有很多獲取資料的api,為了滿足跨域的需求,我選擇jsonp模組;
應該有很多小夥伴遇到這個報錯吧 injected script did not invoke callback;
下面我寫個完整的demo來解決這個問題。
注入jsonp模組
import '
rxjs/add/operator/map
'; //
注入map
這步最關鍵了,我們知道jsonp的請求位址是需要寫callback**引數的,用作script標籤的id名;
就像下面的**,至於為啥callback="__ng_jsonp__.__req0.finished"這樣的形式;我也不是很明白。
let url1 = baseurl + "&callback=
" + "
__ng_jsonp__.__req0.finished";
let url2 = baseurl + "
&callback=
" + "
__ng_jsonp__.__req1.finished
";
很明顯,只要我們保證callback如上的結果,就可以正常的請求資料了,req0,req1……依次累加;
請求的核心**是jsonp的subscribe方法,**函式中返回資料,**如下:
this.jsonp.get("請求位址
").map(res => res.json()).subscribe(data =>);
static times = 0; 定義乙個靜態屬性,用來記錄httpserivice服務的請求次數,每次請求就+1,這樣保證每次請求的callback**名都不一樣;
Angular 4 0 內建指令
原文出處 在這篇文章中,我們將分別列舉每乙個內建指令的用法,並提供乙個例子作為演示。盡量用最少最簡單的描述,讓你在更快更準確地學會每一種內建指令的基本用法。作用 像 for 迴圈一樣,可以重複的從陣列中取值並顯示出來。例子 ts this.userinfo 張三 李四 王五 html 講解 他的語法...
angular4 0 路由守衛詳解
在企業應用中許可權 複雜頁多路由資料處理 進入與離開路由資料處理這些是非常常見的需求。其實angular路由守衛屬性可以幫我們做更多有意義的事,而且非常簡單。angular 的route路由引數中除了熟悉的path component外,還包括四種是否允許路由啟用與離開的屬性。這裡我們只講canac...
angular4 0 路由守衛詳解
在企業應用中許可權 複雜頁多路由資料處理 進入與離開路由資料處理這些是非常常見的需求。當希望使用者離開乙個正常編輯頁時,要中斷並提醒使用者是否真的要離開時,如果在angular中應該怎麼做呢?其實angular路由守衛屬性可以幫我們做更多有意義的事,而且非常簡單。angular 的route路由引數...