Как прикрутить yandex suggest view к angular?

Question

[Евгений]

<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>

Проблема в том, что в моделе только то значение, которое вводилось до автокомплита.

Answer 1

[sargonpiraev]

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 />