How to attach yandex suggest view to angular?

Question

Angular

<input type="text"
                           class="form-control"
                           id="suggest"
                           placeholder="Адрес"
                           ng-model="suggest"
                            >
{{ suggest }}
<script src="//api-maps.yandex.ru/2.1/?lang=ru_RU&load=SuggestView&onload=onLoad"></script>
                <script>
                    function onLoad (ymaps) {
                        var suggestView = new ymaps.SuggestView('suggest');
                    }
                </script>

The problem is that in the model there is only the value that was entered before the autocomplete.

Answer 1

function yandexSuggestViewDirective () {
  return {
    restrict: 'A',
    require: [ 'ngModel' ],
    scope: { ngModel: '=' },
    link: function (scope, element) {
      ymaps.ready(function () {
        new ymaps.SuggestView(element[0]).events.add('select', function (e) {
          scope.$apply(function () {
            scope.ngModel = e.get('item').value;
          });
        });
      })
    }
  };
}

<input class="form-control" placeholder="Адрес" ng-model="suggest" yandex-suggest-view />