Using angular data binding and directives inside a non-bindable element

Question

I have a form I'd like submitted as usual, so I stuck a non-bindable attribute on it. That works. But I have the need for a field to be filtered on input (specifically, converting a string to a clean version of itself on the fly, thus turning Some Input to some_input while it's still being typed) and this would be very easily achievable in Angular but since the entire parent element (the form) is non-bindable, Angular ignores all children.

I tried putting non-bindable on the submit button alone, but this produces no effect. How can I tell Angular to submit a form as usual, but to still allow angular directives and functionality inside said form, without resorting to vanilla JS and "onkeyup"?

Swader · Accepted Answer · 2013-04-27 10:28:35Z

1

On a more careful readthrough of the form API, I noticed this:

For this reason, Angular prevents the default action (form submission to the server) unless the element has an action attribute specified.

Specifying an action attribute was all it took. The form is now being submitted as usual, and I can use Angular within it.

answered Apr 27, 2013 at 10:28

Swader

11.6k15 gold badges54 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Capaj · Accepted Answer · 2013-04-27 07:30:26Z

0

I haven't used non-bindable attribute, but I don't think that it is possible with angular to have non-bindable parent element and use data-binding with children elements at the same time.

I would forget non-bindable and instead solve your scenario by a doing regular angular $http request on form click. You can configure it to look the same as regular form submit. Or do you have any particular reason why you need browser to make your request from the form for you?

answered Apr 27, 2013 at 7:30

Capaj

4,2244 gold badges47 silver badges58 bronze badges

1 Comment

Swader Over a year ago

The client demands I keep the back end of the application I'm building old-school. I figured it out though, see answer.

Collectives™ on Stack Overflow

Using angular data binding and directives inside a non-bindable element

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related