I need to make the last line of controls generated by an iterator both disabled and somewhat invisible. I'm using the following, working, code.

```
<div *ngFor="let item of data; let last = last;">

  <input class="form-control"
        [value]="item.e"
        [disabled]="last">

  <button (click)="onRemove(item)"
          class="btn btn-outline-danger"
          [style.visibility]="last?'hidden':''">Do</button>

</div>

```

I'd like to improve the code quality and I'm especially unhappy about the visibility management. When we look at setting disability, it's pretty neat. But the conditional for visibility seems so clunky.

How should the visibility be controlled like-a-boss'ly?

I tested the following, with no luck.

```
<button (click)="onRemove(item)"
        class="btn btn-outline-danger"
        [style.visibility.hidden]="last">Do</button>

```