Angular UI-Bootstrap typehead в таблице

Первым делом будет обновляться PrimaryKeyTable строк каждый раз, когда пользователь выбирает значение в typeahead. Вам придется поймать выбранный элемент и вручную присвоить его значение ForeignKeyId строке PrimaryTable. Способ сделать это — добавить директиву typeahead-on-select к вашему typeahead и связать ее с функцией, которая присваивает вам значения.

Это будет выглядеть так:

HTML

<tr ng-repeat="p in PrimaryTable" id="display">
    <td data-th="ID">{{p.PrimaryID}}</td>
    <td>
        <input id="ForeignKeyName"
                   type="text"
                   ng-model="selectedItem" <!-- could be anything really for we will not use it here -->
                   uib-typeahead="f.ForeignKeyID as f.ForeignKeyName for f in ForeignKeyTable | filter:$viewValue"   
                   typeahead-on-select="onSelect($item, $model, $label, p)"                            
                   class="form-control">
    </td>                   
</tr>

Внутри контроллера

$scope.onSelect = function($item, $model, $label, primaryKeyTableRow) {
    primaryKeyTableRow.ForeignKeyId = $item.ForeignKeyId;
}

Следующим шагом является отображение значения свойства name строки ForeignKeyTable, которое соответствует ForeignKeyId из PrimaryKeyTable в каждой строке. Поскольку нам нужно отфильтровать ForeignKeyTable, чтобы найти подходящий элемент, было бы неплохо поместить эту логику в контроллер. Поскольку есть несколько строк, в которых мы хотим отобразить соответствующее имя, нам придется фильтровать ForeignKeyTable для каждой строки отдельно. Вот где ng-controller для ng-repeat пригодится. Что мы сделаем, так это привяжем новый контроллер для каждой строки таблицы, сгенерированной ng-repeat, и поместим некоторую логику внутри этого контроллера. В HTML это будет выглядеть так:

<tr ng-repeat="p in primaryKeyTable" ng-controller="itemController">
    <!-- ... -->
</tr>

И нам нужно будет определить новый контроллер в JS-файле:

app.controller('itemController', function() {
    // ...
});

Теперь у нас может быть отдельная логика для каждой строки в таблице. Так что это место для фильтрации ForeignKeyTable, чтобы найти соответствующий элемент и отобразить его имя.

Поскольку весь код довольно большой, я поместил его в плункер: http://plnkr.co/edit/xccgnpxoPHg6vhXWPwZn?p=preview

Посмотрите, что вы можете с этим сделать.