0

Это мой первый HTML текстовое поле с кодом яваскриптаКак дать значение текстового поля для ngModel текстового поля с помощью JavaScript

<div> 
<input type="text" onchange="getTheValue(this)" id="12345" /> 
</div> 

и это мой второй тег HTML

<input type="hidden" id="12345_hiddenField" ng-model="hiddenField"/> 

И onchange случае я назвав эту функцию javascript

function getTheValue(data) { 
document.getElementById("12345_hiddenField").value = data.value; 
} 

Я хочу, чтобы первое значение текстового поля было ассирийским gned для второго текстового поля ngmodel значение с чистым javascript no angualrjs методов в этом, becoz, что onchange функция написана в отдельном чистом файле javascript, это их все равно сделать это?

+0

Что делать, если я сказал вам, что вы не нуждаетесь в 'onChange' метод? Это тебя устраивает ? –

+0

Вы можете удалить тег 'ng-model' из второго поля' input'. – Venkat

+0

да, все в порядке, все, что мне нужно, это то, что в конце концов я хочу, чтобы первое значение текстового поля было присвоено значению ngmodel, и даже оно должно смотреть это. –

ответ

1

Я бы так сделал.

document.getElementById("12345").addEventListener('change',function() { 
document.getElementById("12345_hiddenField").value = document.getElementById("12345").value; 

См скрипку https://jsfiddle.net/9fh8rxck/

+1

Спасибо, его рабочий :) –

+0

- это их все равно, чтобы добавить это значение в ngmodel? –

+0

document.getElementById ("12345"). SetAttribute ("ng-model", "YourValue") Но, конечно, я не знаю, видима ли ng-модель при визуализации в html. Поэтому я бы предположил, что вы используете значение data в своем входе html, как это. , а затем вы document.getElementById ("12345_hiddenField"). SetAttribute ("data-value", " YourValue ") –

0

<input type="text" ng-model="textboxValue" id="12345" />

и ваши скрытые:

<input type="hidden" id="12345_hiddenField" value="{{textboxValue}}"/>

Ваш ввод текста связан с $scope собственности textboxValue

Ваш скрытый вход использует эту переменную в качестве значения {{textboxValue}}, все 2- связанный с данными.

+0

Почему проголосовали? –

+0

, но у меня не должно быть этого первого текстового поля в формате angualrjs, вместо этого у второго текстового поля есть код angularjs, то, что я хочу, является значением внутри изменений в текстовом поле. Я хочу посмотреть это и назначить его ngmodel. –

+0

Функция, которую вы вызываете, находится внутри отдельный файл js? Это внутри угловой? –