I am curently having trouble displaying the the greater sign on my td element in my angular 4 application. I need to dislay the td element only at the place as seen in the screenshot.
It displays correctly the first time but when I edit any of the max values, the td with the greater than sign is replaced in that area. How do I prevent this from happening. I need to limit the greater than sign only at the location as seen in the screenshot. 

I tried the following conditions for e.g . Here I mean is that do not display the greater than sign if it is not the last element in the array

```
html

<td colspan="2" *ngIf="!item.maxSize && $last"  class="text-right">  &gt;
          <click-input  contenteditable="true">
              <input [(ngModel)]="item.minSize" required min="0" max="999999999999999" numberFormat="shortNumberFormat:.0">
          </click-input>
      </td>     

```

Original main html code

[![enter image description here](https://i.stack.imgur.com/lvs6r.png)](https://i.stack.imgur.com/lvs6r.png)

```
       <td *ngIf="!!item.maxSize">
        <click-input  contenteditable="true">
            <input [(ngModel)]="item.minSize"  required min="0" max="999999999999999" numberFormat="shortNumberFormat:.0">
        </click-input>
      </td>

      <td *ngIf="!!item.maxSize">
          <click-input  contenteditable="true">
              <input [(ngModel)]="item.maxSize" required min="0" max="999999999999999" numberFormat="shortNumberFormat:.0">
          </click-input>
      </td>  

     <td colspan="2" *ngIf="!item.maxSize"  class="text-right">  &gt;
          <click-input  contenteditable="true">
              <input [(ngModel)]="item.minSize" required min="0" max="999999999999999" numberFormat="shortNumberFormat:.0">
          </click-input>
      </td>     

      <td class="text-right">
        <click-input [classNames]="['percentage']" contenteditable="true">
            <input [(ngModel)]="item.values[0]"  numberFormat="numberPercent:.0-2" required min="0" max="999999999999999">
        </click-input>
      </td>
      <td class="text-right">
          <click-input [classNames]="['percentage']" contenteditable="true">
              <input [(ngModel)]="item.values[1]"  numberFormat="numberPercent:.0-2" required min="0" max="999999999999999">
          </click-input>
      </td>
    </tr>  

```

After making the the first max input field , the screen looks like below

[![enter image description here](https://i.stack.imgur.com/c5HYS.png)](https://i.stack.imgur.com/c5HYS.png)