Моя цель состояла в том, чтобы обернуть директиву angular-ui typeAhead в легко повторно используемый компонент, который можно было бы использовать следующим образом:
<input my-person-lookup="myModel.personId" ></input>
Я достиг этого, написав свою пользовательскую директиву и указав статический шаблон для ввода. Вот Plunker
Теперь я хотел бы создать этот шаблон динамически, а затем скомпилировать его:
var html = '<input type="text" ng-model="directiveModel.selectedPerson" typeahead=" p as p.name for p in people" typeahead-min-length="1" typeahead-wait-ms="200" typeahead-editable="false" placeholder="type p"></input>';
element.replaceWith($compile(html)(scope));
К сожалению, этот подход не сработал Plunker.
Может ли кто-нибудь сказать мне, что я делаю неправильно?