2017-08-27 51 views
-4
  • 加載API值,我努力學習RX JS
  • 我與他們使用的API,並顯示值rxjs小提琴。
  • 相同的方式我試圖加載我的網格中的值。
  • 但我無法加載值。
  • 是否有可能在angular2獲得,我們將能夠刪除API值
  • 你能告訴我該如何實現呢

工作撥弄不能在我的網格

http://jsfiddle.net/8jFJH/2534/

不工作撥弄

http://jsfiddle.net/XY7HT/72/

var refreshClickStream = Rx.Observable.fromEvent(refreshButton, 'click'); 

var requestStream = refreshClickStream.startWith('startup click') 
    .map(function() { 
     var randomOffset = Math.floor(Math.random()*500); 
     return 'https://api.github.com/users?since=' + randomOffset; 
    }); 

console.log("requestStream-------->" + JSON.stringify(requestStream)); 
+0

是第二個jsfiddle url正確嗎? (似乎它是kendo-ui模態窗口的一個例子,沒有包含rxjs並且根本沒有ajax調用) –

+0

嘿,你能告訴我如何在第二個小提琴中實現......我嘗試了一切,但無法實現...你現在可以在我的小提琴中更新嗎? –

+1

這個問題很糟糕。它只是轉儲代碼進行校對,對於未來的網站用戶沒有任何價值。解釋你所嘗試的以及你卡在哪裏。 –

回答

3

您可以加載數據使用內置的ajax operator或通過使用其他庫如jQuery(在第一的jsfiddle使用)

所以,你的代碼可能看起來像這樣(使用jQuery作出AJAX調用):

Rx.Observable.fromPromise($.getJSON('https://api.github.com/users')) 
    .subscribe(users => { 
    // do whatever you want with the users data 
    ... 
    }) 

這裏是更新小提琴爲你 - http://jsfiddle.net/ednqfm60/1/

+0

是否可以實現使用角2? –

+0

角度與這個問題有什麼關係? –

+0

不知道你是什麼意思,但有角度的一切都是可能的:) –