title: ngIf condition to get ride of redundant value
body: <p>I have a <code>div</code> that display dates I want to hide and only show the recent date </p>
  
  <pre class="lang-html prettyprint-override"><code>    &lt;div class="users" *ngFor="let user of users; let i = index" [attr.data-index]="i"&gt;
              &lt;div *ngIf="user.recipient === selectedUser._id &amp;&amp; showUser(user)"&gt;
                  &lt;div class="user-date"&gt;
                    {{ user.date | date:'EEEE'}} {{user.date | date:'d'}} {{ user.date | date:'MMMM'}} {{ user.date |
                    date:'yyyy'}}
                &lt;/div&gt;
      &lt;div&gt;
  </code></pre>
  
  <p>At the moment I'm displaying it like this:</p>
  
  <pre class="lang-typescript prettyprint-override"><code>["Mon Jul 16 2018 11:40:28 GMT+0200 (CEST)",
   "Fri Jul 13 2018 09:33:46 GMT+0200 (CEST)",
   "Fri Jul 13 2018 09:21:36 GMT+0200 (CEST)",
   "Fri Jul 13 2018 09:03:42 GMT+0200 (CEST)",
   "Fri Jul 13 2018 09:01:05 GMT+0200 (CEST)",
   "Fri Jul 13 2018 08:53:23 GMT+0200 (CEST)",
   "Fri Jul 13 2018 08:52:33 GMT+0200 (CEST)",
   "Thu Jul 12 2018 13:41:59 GMT+0200 (CEST)",
   "Thu Jul 12 2018 13:41:49 GMT+0200 (CEST)",
   "Thu Jul 12 2018 13:41:42 GMT+0200 (CEST)"]
  </code></pre>
  
  <p>And what I want to achieve is to do an <code>ngFor</code> so I can only get it like this :</p>
  
  <pre class="lang-typescript prettyprint-override"><code>   [ "Thu Jul 12 2018 13:41:59 GMT+0200 (CEST)"
      "Mon Jul 16 2018 11:40:28 GMT+0200 (CEST)",
       "Fri Jul 13 2018 09:33:46 GMT+0200 (CEST)"]
  </code></pre>
  
  <p>This will display the most recent date of the days</p>
  
  <p>A stackblitz : <a href="https://stackblitz.com/edit/stacktest" rel="nofollow noreferrer">https://stackblitz.com/edit/stacktest</a></p>