AngularJs filter with "or" condition?
<p>The code is available here: <a href="https://plnkr.co/edit/gbbsEnXxVpLsxvtKsDxw?p=preview" rel="nofollow">https://plnkr.co/edit/gbbsEnXxVpLsxvtKsDxw?p=preview</a>. The filter <code>filter: { a : 'x' }</code> works and only one row is shown. </p>

<p><strong>Question:</strong></p>

<ol>
<li>It seems <code>filter: { a : 'xxx' }</code> matches any text in <code>a</code> as long as the text contains the string <code>xxx</code>. What if I want to do exact matching?</li>
<li>How to implement: show all the rows if <code>a = 'xxx' or b = 3</code> not not use <code>c</code>?</li>
<li>Maybe it's better to use javascript code on `model.dashbardRows?</li>
</ol>

<p><strong>dashboard.component.js</strong></p>

<pre><code>(function () {
    'use strict';
    angular.module('testModule', []) 
    .component('dashboard', {
      templateUrl: 'dashboard.component.html',
      controllerAs: 'model',
      controller: [controller] 
    });

    function controller() {
      var model = this;
      model.dashboardRows = [
        {a:'xxx', b:1, c:'ss'}, 
        {a:'yyy', b:2, c:'tt'}, 
        {a:'zzz', b:3, c:'uu'}];
    }
})();
</code></pre>

<p><strong>dashboard.component.html</strong></p>

<pre><code>&lt;div&gt;
  Test
  &lt;table&gt;
    &lt;tr ng-repeat="i in model.dashboardRows | filter: { a : 'x' }"&gt;
      &lt;td&gt;{{i.a}}&lt;/td&gt;
      &lt;td&gt;{{i.b}}&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
&lt;/div&gt;
</code></pre>