title: Angular 5 binding to a specific item in an array
body: <p>I have an array of countries in an Angular template-driven form</p>
  
  <pre><code>"countries" : [  
     {  
        "id":1,
        "code":"NL"
     },
     {  
        "id":2,
        "code":"US"
     }
  ]
  </code></pre>
  
  <p>I have a selected id in a model: 2</p>
  
  <p>I want to bind the value "US" in a div. Something like this:</p>
  
  <pre><code>&lt;div&gt;{{countries[id==model.countryId].code}}&lt;/div&gt;
  </code></pre>
  
  <p>Is this possible in angular 5? I see on the web that a filter pipe for an array does not exist in angular anymore.</p>
  
  <p>I get it working like this, but this is not really nice i'd say:</p>
  
  <pre><code>&lt;ng-container *ngFor="let country of countries"&gt;
     &lt;div *ngIf="country.id==parentModel.countryId"&gt;{{country.code}}&lt;/div&gt;
  &lt;/ng-container&gt;
  </code></pre>