<vn-crud-model vn-id="model" url="/client/api/ClientContacts" fields="['id', 'name', 'phone', 'clientFk']" link="{clientFk: $ctrl.$stateParams.id}" data="contacts" auto-load="true"> </vn-crud-model> <vn-watcher vn-id="watcher" data="contacts" form="form"> </vn-watcher> <form name="form" ng-submit="$ctrl.onSubmit()" compact> <vn-card pad-large> <vn-title>Contacts</vn-title> <vn-horizontal ng-repeat="contact in contacts"> <vn-textfield vn-one label="Name" model="contact.name" rule="clientContact.name"> </vn-textfield> <vn-textfield vn-one label="Phone" model="contact.phone" rule="clientContact.phone" vn-focus> </vn-textfield> <vn-none> <vn-icon pointer medium-grey margin-medium-v vn-tooltip="Remove contact" icon="delete" ng-click="model.remove($index)"> </vn-icon> </vn-none> </vn-horizontal> <vn-one> <vn-icon-button vn-bind="+" vn-tooltip="Add contact" icon="add_circle" ng-click="$ctrl.add()"> </vn-icon-button> </vn-one> </vn-card> <vn-button-bar> <vn-submit label="Save"></vn-submit> </vn-button-bar> </form>