<vn-auto-search model="model"> </vn-auto-search> <vn-data-viewer model="model" class="vn-w-sm"> <vn-card> <vn-list class="separated"> <a ng-repeat="alias in model.data track by alias.id" ui-sref="account.alias.card.summary(::{id: alias.id})" ui-sref-opts="{inherit: false}" translate-attr="{title: 'View alias'}" class="vn-item search-result"> <vn-item-section> <h6>{{::alias.alias}}</h6> <div>{{::alias.description}}</div> </vn-item-section> <vn-item-section side> <vn-icon-button vn-click-stop="$ctrl.preview(alias)" vn-tooltip="Preview" icon="preview"> </vn-icon-button> </vn-item-section> </a> </vn-list> </vn-card> </vn-data-viewer> <vn-popup vn-id="summary"> <vn-alias-summary alias="$ctrl.selectedAlias"></vn-alias-summary> </vn-popup> <a ui-sref="account.alias.create" ui-sref-opts="{inherit: false}" vn-tooltip="New alias" vn-bind="+" fixed-bottom-right> <vn-float-button icon="add"></vn-float-button> </a>