Click on a button to select a document and make some changes. By clicking another button the changes to the document get persisted automatically before the next document gets opened in the editor.

<document-edit [(document)]="selectedDocument" [primary]="'title'"></document-edit>

The primary option determines the resource's property shown as label for the selected relations. If your types all have 'id' fields, primary can be set to 'id' so that resources related to the edited document's resource are shown by displaying their 'id'.

Try out setting relations. In the corresponding search fields, you can select target resources by typing in their 'id'.