Model in a modal window in angularjs is empty

Question

Hello I am using angularjs ui bootstrap and I have one text field in a modal window, which when I try to print it in alert window it is empty. Any reasons why? Here is a plunker of the code.

Radim Köhler · Accepted Answer · 2014-02-19 14:07:59Z

3

Try to change the

$scope.testField

into

$scope.myModel.testField (or user.firstName...)

As mentioned in this video angular JS - best practice (29:19):

"Whenever you have ng-model there's gotta be a dot in there somewhere. If you don't have a dot, you're doing it wrong."

See updated plunker http://plnkr.co/edit/z1ABPEUB7Nxm1Kxey9iv?p=preview

NOTE: with a nice reminder of the video-minute from article Nested Scopes in Angular JS

answered Feb 19, 2014 at 14:07

Radim Köhler

124k48 gold badges243 silver badges343 bronze badges

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

1 Comment

Radim Köhler Over a year ago

Great if that helped. I suggest watch this video, it is very interesting, really. Enjoy Angular ;)

Matt Way · Accepted Answer · 2014-02-19 14:07:10Z

3

Here is an updated plunker for you: http://plnkr.co/edit/tvE4DoovZ6NheYj1HMho?p=preview

When using the modal service with ui-bootstrap, you need to encapsulate your model in a container scope, eg:

$scope.form = { testValue: '' };

Also read this for more information about nested scopes: http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html

answered Feb 19, 2014 at 14:07

Matt Way

33.3k10 gold badges85 silver badges86 bronze badges

Collectives™ on Stack Overflow

Model in a modal window in angularjs is empty

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related