Добавление внешнего ввода в угловой модуль

Question

Добавление внешнего ввода в угловой модуль

0

У меня есть внешний скрипт, который генерирует дополнительный тег ввода для моей формы. В некоторых случаях он добавляет некоторые данные в этот ввод. Кроме того, тег динамически создается и не существует при запуске.

У меня нет никакого контроля над скриптом, создающим входной тег.

Могу ли я каким-то образом добавить тег ng-model к этому дополнительному вводу? Каковы мои возможности, чтобы использовать данные, добавленные в этом дополнительном поле?

Изменить Я знаю, как читать значение (getElementById), но я хотел бы использовать его для динамической проверки формы.

Andres Traumann 22 апр. 2016, в 17:55

Источник

Теги:

javascript

angularjs

2 ответа

0

Я предполагаю, что внешний вход имеет атрибут id.

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

$scope.formSubmit = function(){
   $scope.myform.generatedInput = document.getElementById('generatedElementId').value || null;

  /* ...
   Your Code here
  ... */

}

Ajanthan Mani 22 апр. 2016, в 14:20

0

Прошу прощения, что не уточнил. Я хотел бы использовать эти данные для проверки динамической формы. Ваше решение отлично работает, но не подходит для моего варианта использования.
Andres Traumann 22 апр. 2016, в 15:52

Ещё вопросы

Прошу прощения, что не уточнил. Я хотел бы использовать эти данные для проверки динамической формы. Ваше решение отлично работает, но не подходит для моего варианта использования.

MarkoCen · Accepted Answer · 2016-04-22T14-06-00.000Z

Вы можете добавить прослушиватели событий на элементы ввода и обновить модели $scope в обработчике событий:

демонстрация

angular.element(document.querySelector('#test')).on('keyup', function(event){
  $timeout(function(){
    $scope.inputText = event.target.value;
  })
})