<div class="row">
    <div class="col-md-3">

        <input (keyup)="onKey($event)" class="form-control">

        <ul *ngIf="objects" class="list-group" id="objectList">
            <li *ngFor="#object of objects"
                [class.selected]="selectedObject && (selectedObject.identifier === object.identifier)"
                (click)="onSelect(object)" class="list-group-item">
                <div class="title">{{object.title}}</div>
                <div class="identifier">{{object.identifier}}</div>
                <div class="status"
                     [class.synced]="object.synced"
                     [class.unsynced]="!object.synced"
                >&#10003;</div>
            </li>
        </ul>
    </div>

    <div class="col-md-9">
        <div *ngIf="selectedObject">
            <form>
                <div class="form-group">
                    <label>ID</label>
                    <input [(ngModel)]="selectedObject._id" class="form-control" readonly>
                </div>
                <div class="form-group">
                    <label>Identifier</label>
                    <input [(ngModel)]="selectedObject.identifier" class="form-control">
                </div>
                <div class="form-group">
                    <label>Title</label>
                    <input [(ngModel)]="selectedObject.title" class="form-control">
                </div>
                <div class="form-group">
                    <div><button (click)="save(selectedObject)" class="btn btn-small btn-default">Save</button></div>
                </div>
            </form>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-md-3">

        <input (keyup)="onKey($event)" class="form-control">

        <ul *ngIf="objects" class="list-group" id="objectList">
            <li *ngFor="#object of objects"
                [class.selected]="selectedObject && (selectedObject.identifier === object.identifier)"
                (click)="onSelect(object)" class="list-group-item">
                <div class="title">{{object.title}}</div>
                <div class="identifier">{{object.identifier}}</div>
                <div class="status"
                     [class.synced]="object.synced"
                     [class.unsynced]="!object.synced"
                >&#10003;</div>
            </li>
        </ul>
    </div>

    <div class="col-md-9">
        <div *ngIf="selectedObject">
            <form>
                <div class="form-group">
                    <label>Identifier</label>
                    <input [(ngModel)]="selectedObject.identifier" class="form-control">
                </div>
                <div class="form-group">
                    <label>Title</label>
                    <input [(ngModel)]="selectedObject.title" class="form-control">
                </div>
                <div class="form-group">
                    <div><button (click)="save(selectedObject)" class="btn btn-small btn-default">Save</button></div>
                </div>
            </form>
        </div>
    </div>
</div>


Remove technical id from view.
Remove technical id from view.
