title: Angular filter Observable array
body: <p>I have an Observable array and I want to filter/find the Project by name. When I try to use the filter option it is saying</p>
  
  <p><a href="https://i.stack.imgur.com/sLnlC.png" rel="noreferrer"><img src="https://i.stack.imgur.com/sLnlC.png" alt="enter image description here"></a></p>
  
  <p>ProjectService.ts</p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { Project } from "../classes/project";
  import { Observable } from 'rxjs/Observable';
  import 'rxjs/add/observable/of';
  
  import { Http } from '@angular/http';
  
  
  @Injectable()
  export class ProjectService {
  
    private projects: Observable&lt;Project[]&gt;;
  
    constructor(private http: Http) {
      this.loadFromServer();
    }
  
    getProjects(): Observable&lt;Project[]&gt; {
      return this.projects;
    }
  
    private loadFromServer() {
      this.projects = this.http.get('/api/projects').map(res =&gt; res.json());
    }
  
    getProjectByName(name: String) {
      return this.projects.filter(proj =&gt; proj.name === name);
    }
  
  
  }
  </code></pre>
  
  <p>Project Class</p>
  
  <pre><code>export class Project {
      public name: String;
      public miniDesc: String;
      public description: String;
      public category: String[];
      public images: any[];
  }
  </code></pre>