2017-08-27 46 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

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