Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 发出单个值_Javascript_Angular_Rxjs - Fatal编程技术网

Javascript 发出单个值

Javascript 发出单个值,javascript,angular,rxjs,Javascript,Angular,Rxjs,我想发出一个值 据此,以下内容应有效: var requestStream = Rx.Observable.just('https://api.github.com/users'); 然而,这是行不通的只是 它被弃用了吗?有什么可以替代的吗?很多东西都藏在里面:导入'rxjs/Rx'您可以尝试对单个值执行Observable.of 这对我有用(): 从'angular2/core'导入{Component}; 从“rxjs/Observable”导入{Observable}; 进口“rxjs/

我想发出一个值

据此,以下内容应有效:

var requestStream = Rx.Observable.just('https://api.github.com/users');
然而,这是行不通的<未定义代码>只是


它被弃用了吗?有什么可以替代的吗?

很多东西都藏在里面:
导入'rxjs/Rx'
您可以尝试对单个值执行
Observable.of

这对我有用():

从'angular2/core'导入{Component};
从“rxjs/Observable”导入{Observable};
进口“rxjs/Rx”;
@组成部分({
选择器:“我的应用程序”,
提供者:[],
模板:`
你好{{test | async}}
`,
指令:[]
})
导出类应用程序{
测试:可观察的=可观察的(“我是可观察的”);
构造函数(){
}
}
。just(value)
来自RxJS v4,而angular2使用v5。它已经经历了广泛的重写,并且仍处于测试阶段,因此在v5中,运算符缺少/更改了名称

正如MarkM所提到的那样,的
.of
很好。我只想补充一点,您也可以使用
.from
,如果您只有一个值或一个值数组,它就可以工作。要重用已接受答案中的示例,可以使用类似()的内容:

//我们的根应用程序组件
从'angular2/core'导入{Component};
从“rxjs/Observable”导入{Observable};
进口“rxjs/Rx”;
@组成部分({
选择器:“我的应用程序”,
提供者:[],
模板:`
你好{{test | async}}
`,
指令:[]
})
导出类应用程序{
测试:可观察=可观察。来自([“我是一个可观察者]);
构造函数(){
}
}
使用以下功能:

从'rxjs'导入{of};
var requestStream=of('https://api.github.com/users');

对于对象数组的“from”是抛出错误:找不到不同的支持对象“[object object]”和“of”可以使用
import“rxjs/add/observable/of”导入
of
不再是
导入'rxjs/Rx'
现在它只是一个全局函数
的(“值”)
import {Component} from 'angular2/core';
import {Observable} from 'rxjs/Observable';
import 'rxjs/Rx';

@Component({
  selector: 'my-app',
  providers: [],
  template: `
    <div>
      <h2>Hello {{test | async}}</h2>     
    </div>
  `,
  directives: []
})
export class App {
    test: Observable<any> = Observable.of("I'm an observable");
    constructor() {
  }
}
//our root app component
import {Component} from 'angular2/core';
import {Observable} from 'rxjs/Observable';
import 'rxjs/Rx';

@Component({
  selector: 'my-app',
  providers: [],
  template: `
    <div>
      <h2>Hello {{test | async}}</h2>

    </div>
  `,
  directives: []
})
export class App {
    test: Observable<any> = Observable.from(["I'm an observable"]);
    constructor() {
  }
}