Как использовать ng-repeat внутри директивы надлежащим образом в angularjs

Plunkr

Я сделал раскрывающийся список автозаполнения, используя угловую пользовательскую директиву. Все работает нормально. Но я хочу сделать эту директиву повторно используемой !!!!

В настоящее время моя директива сильно зависит от свойств Id и Name выбранного элемента.

Я хочу назначить текстовое свойство (которое я хочу связать текст с элементами списка html) и значение value (которое будет доступно в моем контроллере приложений), например textfield = "Name" и value-field = "Id".

Представьте, что если мой объект данных не содержит свойства Name или Id, моя директива не будет работать.

HTML:

<autofill-dropdown items="searchCurrencies"
   textfield="Name" valuefield="Id" selected-data="Id" urllink="/api/SetupCurrency/Autofill?filter=">
</autofill-dropdown>

Шаблон:

<div class="pos_Rel">
   <input placeholder="Search Currency e.g. doller,pound,rupee" 
     type="text" ng-change="SearchTextChange()" ng-model="searchtext" 
     class="form-control width_full" />

   <ul class="currencySearchList" ng-show="IsFocused && items.length">
      <li class="autofill" ng-repeat="item in items" ng-click="autoFill(item)">
         {{item.Name}}
      </li>
   </ul>
</div>

Итак, наконец, что я хочу выполнить, я собираюсь связать свойство Name (или другое, зависит от того, какое значение я присвоил атрибуту "text-field" на мой html), в listitems и всякий раз, когда пользователь выбирает элемент, он будет давать мне выбранный Id (или другое свойство, зависит от того, какое значение я присвоил атрибуту value-field на моем html).

Plunkr Здесь

Обновить:

Я думаю, что мой вопрос не так ясен. Я написал одну и ту же директиву 2 раза, чтобы выполнить, а также 2 раза такой же шаблон :( Пожалуйста, просмотрите мой обновленный plunkr.

Обновлено Plunkr