Получить ввод значения с помощью angularJS

Question

Мне нужно получить значение входного текста с помощью AngularJS, но без использования контроллера. Как я могу получить это значение? Я видел это сообщения, но использует .controller link post

Answer 1

Вы можете использовать этот код, с angular.element:

angular.element(document.querySelector('#your_input_tag_id')).val(); 

или с простым JQuery:

$('#your_input_tag_id').val(); 

Answer 2

вместо запроса DOM для элементов (которые не очень угловаты). Как мне «думать в AngularJS», если у меня есть фон jQuery?), Вы должны выполнить свою манипуляцию с DOM в своей директиве. Элемент доступен вам в вашей функции ссылок.

Так что в вашем myDirective

return { link: function (scope, element, attr) { element.html('Hello world'); } }

Если необходимо выполнить запрос вне директивы, то можно было бы использовать querySelectorAll в современной фрезы

angular.element(document.querySelectorAll("[my-directive]")); 
$('#your_input_tag_id').val(); 

однако вам нужно будет использовать jquery для поддержки IE8 и наоборот

angular.element($("[my-directive]")); 

Answer 3

сделать ваш вклад модели и значение всегда будет доступна в качестве модели

<input type="text" ng-model="myModelName"> 

, а затем ваше значение будет доступно в пределах модуля как myModelName

console.log('value = ' + $scope.myModelName); 

, если вы пытаясь получить значение где-то, кроме области действия модуля или приложения, то вы, вероятно, делаете это неправильно, а не угловым способом, лучше всего использовать функцию контроллера или ссылки, даже если это основной контроллер приложения или функция ссылки , и вы были бы хорошо настроены, чтобы отказаться от любых требований не использовать контроллер (который звучит как плохое или неправильно понятое требование).