<div>
  <ul class="list-inline">
    <li ng-repeat="relation in relations | filter: { source: true }">
      <span class="label label-info">{{ relation.title }}
        <span class="fas fa-times" ng-click="deleteRelation(relation)" ng-show="!ngDisabled"></span>
      </span>
    </li>
  </ul>
  <input class="form-control" type="text" id="{{ ref }}" ng-attr-placeholder="{{ 'directive.selectrelation.typeahead' | translate }}" ng-model="input" ng-disabled="ngDisabled"
    autocomplete="off" uib-typeahead="document for document in getDocumentTypeahead($viewValue)"
    typeahead-template-url="partial/docs/directive.selectionrelation.typeahead.html"
    typeahead-wait-ms="200" typeahead-on-select="addRelation($item)" />
</div>