Как создать скрипт автоматического ввода на основе agularJS?

Question

Как создать скрипт автоматического ввода на основе agularJS?

0

Я пытаюсь реализовать сценарий greaskemonkey, чтобы сделать автоматический ввод, но я не могу найти способ сделать это.

Что у меня есть: HTML-форма:

<form ng-submit="buy(quantity2)">
        <input name="quantity" type="text" ng-model="my.quantity" style="width:30px" maxlength="2">
    </form>

Я просто не знаю, как ввести значение для поля, как правило, я бы сделал

$("input[name='quantity']:first").val("1");

К сожалению, val здесь не существует. Нужна помощь, спасибо!

imfc500 25 сен. 2015, в 21:34

Источник

Теги:

javascript

jquery

angularjs

dom

2 ответа

0

В angularjs мы должны найти элемент либо id, либо querySelector, либо querySelectorAll, и обернуть его над угловым элементом, который предоставит jqlite (более легкую версию jquery)

См. Https://docs.angularjs.org/api/ng/function/angular.element

angular.element(document.querySelector("input[name='quantity']")).val("1");

Sanket Bajoria 25 сен. 2015, в 17:13

0

Но для этой специфической части не работал. Значение по-прежнему не отображается в поле ввода по некоторым причинам. Как вы думаете, где проблема? Идея проста, я не вижу, где может возникнуть проблема. Кроме того, спасибо за вашу ссылку, это помогло с другой частью сценария.
imfc500 25 сен. 2015, в 20:28

Ещё вопросы

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

Rubel hasan · Accepted Answer · 2015-09-25T18-36-00.000Z

Для вашего лучшего понимания я просто даю вам пример того, как вы можете принять свою ценность.

Форма HTML:

 <form ng-submit="buy(youravlue)">
      <input name="quantity" id="quantity" type="text" ng-model="youravlue" style="width:30px" maxlength="2">
</form>

используя ng-submit, вы можете использовать свою ценность таким образом.

 $scope.buy=function(data){
    console.log(data);
 }

используя идентификатор, вы можете взять свое значение таким образом.

angular.element("#quantity").val();

Проблема в том, что HTML-часть уже готова, я не могу ее изменить, там нет идентификатора. Сценарий должен автоматически заполнять входные данные, но у меня возникают проблемы с поиском способа реализовать это при вводе без идентификатора. Редактировать: Спасибо за ваше редактирование!
Хорошо, хорошо, я добавил другое решение. Вы можете передать свой входной объект, используя функцию покупки, и принять значение после отправки.