本文整理匯總了TypeScript中rx-lite.Observable類的典型用法代碼示例。如果您正苦於以下問題：TypeScript Observable類的具體用法？TypeScript Observable怎麽用？TypeScript Observable使用的例子？那麽, 這裏精選的類代碼示例或許可以為您提供幫助。
在下文中一共展示了Observable類的9個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。
示例1: test_scan
function test_scan() {
/* Without a seed */
const source1: Rx.Observable<number> = Rx.Observable.range(1, 3)
.scan((acc, x, i, source) => acc + x);
/* With a seed */
const source2: Rx.Observable<string> = Rx.Observable.range(1, 3)
.scan((acc, x, i, source) => acc + x, '...');
}示例2: getDataObservable
private getDataObservable() {
let click = Rx.Observable.fromEvent($("#openFile"), "click");
// fromCallback() converts a function that takes a callback into a new
// function that takes all of the original function's arguments except the
// callback and returns an Observable of the callback's return value.
let opener = Rx.Observable.fromCallback(dialog.showOpenDialog);
let reader = Rx.Observable.fromCallback(fs.readFile);
let isValid: boolean;
// Pipeline of observables to convert a stream of clicks into a stream of
// validated file data
return click
.flatMap(() => opener({ properties: ["openFile"] }) // returns the selected filename (as one-item array)
.filter(f => f) // Don't emit event if user didn't select a file
.flatMap(f => reader(f[0], "utf-8")) // map file name stream to file data stream
.map(d => d[1]) // Hack: Observable-wrapped readFile returns [null, fileData] (?)
.do(d => {
isValid = Parser.validateData(d); // put validity info in outer scope...
if (!isValid) alert("Invalid data");
})
.filter(() => isValid)); // ...so .filter() doesn't have to call validateData() again
}示例3: test_mergeAll
function test_mergeAll() {
/* mergeAll example */
const source = Rx.Observable.range(0, 3)
.map(x => Rx.Observable.range(x, 3))
.mergeAll();
const subscription = source.subscribe(
x => {
console.log('Next: %s', x);
},
err => {
console.log('Error: %s', err);
},
() => {
console.log('Completed');
});
}示例4: test_concatAll
function test_concatAll() {
/* concatAll Example */
var source = Rx.Observable.range(0, 3)
.map(function (x) { return Rx.Observable.range(x, 3); })
.concatAll();
var subscription = source.subscribe(
function (x) {
console.log('Next: %s', x);
},
function (err) {
console.log('Error: %s', err);
},
function () {
console.log('Completed');
});
}示例5: test_concatAll
function test_concatAll() {
/* concatAll Example */
var source = Rx.Observable.range(0, 3)
.map(x => Rx.Observable.range(x, 3))
.concatAll();
var subscription = source.subscribe(
x => {
console.log('Next: %s', x);
},
err => {
console.log('Error: %s', err);
},
() => {
console.log('Completed');
});
}示例6: test_publish
// from https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/publish.md
function test_publish() {
const interval = Rx.Observable.interval(1000);
const source = interval
.take(2)
.doAction(x => {
console.log('Side effect');
});
const published = source.publish();
published.subscribe(createObserver('SourceA'));
published.subscribe(createObserver('SourceB'));
const connection = published.connect();
function createObserver(tag: string) {
return Rx.Observer.create(
x => {
console.log('Next: ' + tag + x);
},
err => {
console.log('Error: ' + err);
},
() => {
console.log('Completed');
});
}
// => Side effect
// => Next: SourceA0
// => Next: SourceB0
// => Side effect
// => Next: SourceA1
// => Next: SourceB1
// => Completed
// => Completed
}示例7:
.map(x => Rx.Observable.range(x, 3))示例8: fromCallback
function fromCallback() {
// 0 arguments
const func0: (cb: (result: number) => void) => void = () => { };
obsNum = Rx.Observable.fromCallback(func0)();
obsNum = Rx.Observable.fromCallback(func0, obsStr)();
obsNum = Rx.Observable.fromCallback(func0, obsStr, (results: number[]) => results[0])();
// 1 argument
const func1: (a: string, cb: (result: number) => void) => number = () => 0;
obsNum = Rx.Observable.fromCallback(func1)("");
obsNum = Rx.Observable.fromCallback(func1, {})("");
obsNum = Rx.Observable.fromCallback(func1, {}, (results: number[]) => results[0])("");
// 2 arguments
const func2: (a: number, b: string, cb: (result: string) => number) => Date = () => new Date();
obsStr = Rx.Observable.fromCallback(func2)(1, "");
obsStr = Rx.Observable.fromCallback(func2, {})(1, "");
obsStr = Rx.Observable.fromCallback(func2, {}, (results: string[]) => results[0])(1, "");
// 3 arguments
const func3: (a: number, b: string, c: boolean, cb: (result: string) => number) => Date = () => new Date();
obsStr = Rx.Observable.fromCallback(func3)(1, "", true);
obsStr = Rx.Observable.fromCallback(func3, {})(1, "", true);
obsStr = Rx.Observable.fromCallback(func3, {}, (results: string[]) => results[0])(1, "", true);
// multiple results
const func0m: (cb: (result1: number, result2: number, result3: number) => void) => void = () => { };
obsNum = Rx.Observable.fromCallback(func0m, obsStr, (results: number[]) => results[0])();
const func1m: (a: string, cb: (result1: number, result2: number, result3: number) => void) => void = () => { };
obsNum = Rx.Observable.fromCallback(func1m, obsStr, (results: number[]) => results[0])("");
const func2m: (a: string, b: number, cb: (result1: string, result2: string, result3: string) => void) => void = () => { };
obsStr = Rx.Observable.fromCallback(func2m, obsStr, (results: string[]) => results[0])("", 10);
}示例9:
.map(function (x) { return Rx.Observable.range(x, 3); })