title: Angular 2 subscribe to an attribute of an observable array
body: <p>I'm trying to get one attribute from one object in an observable array of objects. I can get everything except isolating the one object and getting the individual properties.</p>
  
  <p>Here's the service method that's successfully getting the array:</p>
  
  <pre><code>getItems(): Observable&lt;IItem[]&gt; {
      return this.get(this.baseUrl + '/items')
        .map((res: Response) =&gt; &lt;IItem[]&gt;res.json())
        .do(data =&gt; console.log("Items: " + JSON.stringify(data)))
        .catch(this.handleError);
    }
  </code></pre>
  
  <p>Trying to get just one object isn't working:</p>
  
  <pre><code> getItem(name: String): Observable&lt;IItem&gt; {
      return this.getItems()
        .map((items: IItem[]) =&gt; items.find(item =&gt; item.name === name))
        .do(item =&gt; console.log("Item: " + item)) 
        .catch(this.handleError);
    }
  </code></pre>
  
  <p>Component</p>
  
  <pre><code>this._itemsApi.getItem("test")
        .subscribe(
          item =&gt; this.testItem = item,
          error =&gt; this.errorMessage = &lt;any&gt;error);
  </code></pre>
  
  <p>Template</p>
  
  <pre><code> &lt;widget icon="file" [count]="testItem?.value"&gt;
  </code></pre>
  
  <p>JSON</p>
  
  <pre><code>["name: test, value: 1","name: test2, value: 0"]
  </code></pre>