fix: spread displayProperty to autocomplete

Author: HollyPony

src/auto-complete.component.js

@@ -31,6 +31,7 @@ export default {
   template: require('./auto-complete.template.html'),
   controller: AutoComplete,
   bindings: {
+    displayProperty: '@',
     source: '<',
     matchClass: '<',
     visible: '=',

src/auto-complete.template.html

@@ -5,22 +5,22 @@
   <li>
     <a ng-if="$ctrl.path.length > 0"
        ng-click="$ctrl.previous()">
-      &lt;&nbsp;{{$ctrl.currentItem.title}}
+      &lt;&nbsp;{{ $ctrl.currentItem[$ctrl.displayProperty] }}
     </a>
     <span ng-if="$ctrl.path.length === 0">
-      {{$ctrl.currentItem.title}}
+      {{ $ctrl.currentItem[$ctrl.displayProperty] }}
     </span>
   </li>
   <li role="menuitem"
       class="menuitem"
       ng-repeat="item in $ctrl.currentItem.data track by item.code">
     <a ng-if="item.data && item.data.length > 0"
        ng-click="$ctrl.next(item)">
-      {{item.title}}&nbsp;&gt;
+      {{ item[$ctrl.displayProperty] }}&nbsp;&gt;
     </a>
     <a ng-if="!item.data || item.data.length <= 0"
        ng-click="$ctrl.addTag(item)">
-      {{item.title}}
+      {{ item[$ctrl.displayProperty] }}
     </a>
   </li>
 </ul>

src/input-tags.template.html

@@ -12,6 +12,7 @@
 
   <input-tags-auto-complete source="$ctrl.suggestions"
                             ng-if="$ctrl.maxLength > $ctrl.tags.length"
+                            display-property="$ctrl.displayProperty"
                             on-tag-add="$ctrl.addTag(tag)"
                             visible="$ctrl.autocompleteVisible"></input-tags-auto-complete>