我想用装饰有一个标准的输入控制ng-model和ng-required，然后添加自己的自定义属性的指令，它提供uib-typeahead的功能来控制。

我使用此链接使我的指令部分起作用。

从AngularJS中的指令添加指令

PLUNKR-指令的第2版不适用于ng-model

我的指令确实添加了预输入功能，并且效果很好，但是在选择项目之后，它并没有将模型绑定到控件上。

我有两个版本的指令。

版本1：是元素样式指令，并且我已经成功使用了一段时间，但是当我不想对输入元素进行更多控制时，尤其是当我想使用ng-required ='时，它就达不到要求了。 true”和其他ng-message指令。

版本2：是一个属性样式指令，我这样做了，因为我觉得最好将我想要的typeahead功能添加到可以选择使用的任何标准HTML中ng-required='true'，ng-model等等。

虽然该指令大部分有效，但它无法正确交互，因此ng-model我不确定如何使它正常工作

angular.module(APP)

.directive('wkLocationSuggest', ['$compile', function ($compile) {
  return {
    restrict: 'A',
    require: 'ngModel',
    replace: false,
    //terminal: true,
    //priority: 0,
    scope: {
      wkApiModel: '=' // Provide access to the internal data that is returned via the API lookup
    },
    controller: 'LocationSuggestController',
    link: function (scope, element, attrs, ngModelCtrl) {
      if (!ngModelCtrl) {
        return;
      }

      element.attr('typeahead', 'location as row.location for row in typeAhead($viewValue)');
      element.attr('typeahead-wait-ms', '750');
      element.attr('typeahead-on-select', 'onSelectInternal($item, $model, $label)');
      element.attr('typeahead-min-length', '2');
      element.attr('typeahead-focus-first', 'true');

      element.removeAttr("wk-location-suggest");        //remove the location-suggest to avoid indefinite loop
      element.removeAttr("data-wk-location-suggest");   //also remove the same attribute with data- prefix if it exists

      // None of this is working
      //// invoked when model changes from the outside
      //ngModelCtrl.$render = function () {
      //  //scope.innerModel = ngModelCtrl.$modelValue;
      //};

      ////// invoked when model changes from the inside
      //scope.onChange = function (value) {
      //  ngModelCtrl.$setViewValue(scope.innerModel);
      //};

      scope.onSelectInternal = function ($item, $model, $label) {

        // This fires, but it effects the ng-model on the first input, 
        // but not the input that this directive is attached too
        ngModelCtrl.$setViewValue($item.location);

      };

      $compile(element)(scope);

    }
  };
}]);

这两个图像演示了部分问题，使用上面的PLUNKR可能会更好地进行自我测试