Question

How to create an Observable from a string in Angular 2?

I'm trying to create an Observable from a simple string in my Angular 2 project. I know RxJS has utilities for working with data streams, but I’m not sure about the exact method or approach to convert a string into an Observable. Can someone guide me on how to do this?

Answer 1

In Angular (or any JavaScript application using RxJS), you can create an Observable from a string using the of() function provided by RxJS. The of() function creates an Observable that emits the arguments you provide to it as a sequence of next notifications. Here's how you can create an Observable from a string:

Example

import { Component, OnInit } from '@angular/core';

import { Observable, of } from 'rxjs';

@Component({

  selector: 'app-string-observable',

  template: `<div>{{ data }}</div>`

})

export class StringObservableComponent implements OnInit {

  data: string;

  ngOnInit(): void {

    // Create an Observable from a string

    const stringObservable: Observable<string> = of('Hello, Observable!');

    // Subscribe to the Observable

    stringObservable.subscribe(value => {

      this.data = value;

      console.log(value);

    });

  }

}