title: Get boolean option values
body: <p>I am creating a simple customer management app. One of the functionalities is to filter through the table to list active and inactive customers. My issue is when clicked on the dropdown I can't get the boolean value, that is true/false, but only strings "true"/"false" hence my filter will not work. </p>
  
  <p>Here is my html: </p>
  
  <pre><code>&lt;strong class="ml-2"&gt;Active Status&lt;/strong&gt;
  &lt;select class="ml-1" name="activeStatus" [(ngModel)]="activeStatus"&gt;
    &lt;option&gt;&lt;/option&gt;
    &lt;option value=true&gt;Active&lt;/option&gt;
    &lt;option value=false&gt;Not Active&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>My table filter pipe:</p>
  
  <pre><code>import { Pipe, PipeTransform } from '@angular/core';
  
  @Pipe({
    name: 'tableFilters'
  })
  export class TableFiltersPipe implements PipeTransform {
  
    transform(list: any[], filters: Object) {
      const keys = Object.keys(filters).filter(key =&gt; filters[key]);
      const filterUser = user =&gt; keys.every(key =&gt; user[key] === filters[key]);
      return keys.length ? list.filter(filterUser) : list;
    }
  
  }
  </code></pre>