2015-02-27 2 views
0

У меня есть много кнопок на моей странице, но ни одна из них не находится в форме. Я уже назначил одну кнопку и изменил ее цвет, чтобы она отображалась как основная кнопка начальной загрузки.Как я могу подключить кнопку на своей странице, чтобы ее нажали, когда пользователь нажимает кнопку ввода?

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

+0

Похоже, это имеет то, что вам нужно, http://stackoverflow.com/questions/905222/enter-key-press-event-in-javascript –

+0

использовать 'ng-enter' не будет плохой идеей –

ответ

1

Я не уверен, что вы просите; но вы можете сделать следующее, если у вас есть контроллер с функцией добавления() прилагается к области:

<form ng-submit="add()"> 
    <input type="text" ng-model="myModel"> 
    <input type="submit" value="Add"/> 
</form> 

выше добавляет введенное значение на входе в модель.

0

Я предлагаю использовать <form ...> вокруг ваших элементов. Потому что, если вы полагаетесь на пользовательский детектор нажатия клавиш, и у вас есть несколько кнопок, он активирует их все. <form ...> определяет, какая кнопка должна быть отправлена, когда пользователь находится в определенном поле ввода и нажимает Enter.

Ваша форма не требует наличия action="..." или method="...". Вы могли бы также использовать ng-submit="yourFormParser()".

+0

Can вы приводите пример, чтобы я мог понять, что вы имеете в виду. Было бы хорошо просто поместить погружение с ng-формой? – Alan2

+0

@Alan Извините, я никогда не отвечал вам, я не часто бываю здесь. Но пример понравится именно так, как предложил user3681587. – ngDeveloper

0

ng-submit не пригодится вам, потому что ваше событие отправки формы отличается.

Остается только один вариант: вы можете использовать директиву ng-enter, но вы должны вручную привязать ее туда, где хотите. Я считаю, что это последний вариант.

ng-enter="myEvent()"

HTML

<input type="text/url/email/number/checkbox/radio" ng-model="test" ng-enter="myEvent()"/> 

Надеется, что это может помочь вам, спасибо.