El modelo en una ventana modal en angularjs está vacío

Hola, estoy usando angularjs ui bootstrap y tengo un campo de texto en una ventana modal, que cuando bash imprimirlo en la ventana de alerta, está vacío. ¿Alguna razón por qué? Aquí hay un plunker del código.

Intenta cambiar el

  • $scope.testField

dentro

  • $scope.myModel.testField (o user.firstName …)

Como se menciona en este video angular JS – mejor práctica (29:19):

“Siempre que tengas ng-model, debe haber un punto en alguna parte. Si no tienes un punto, lo estás haciendo mal”.

Ver plunker actualizado http://plnkr.co/edit/z1ABPEUB7Nxm1Kxey9iv?p=preview

NOTA: con un buen recordatorio del video-minuto del artículo Nested Scopes en Angular JS

Aquí hay un plunker actualizado para usted: http://plnkr.co/edit/tvE4DoovZ6NheYj1HMho?p=preview

Al utilizar el servicio modal con ui-bootstrap, debe encapsular su modelo en un ámbito de contenedor, por ejemplo:

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

También lea esto para obtener más información acerca de los ámbitos nesteds: http://jimhoskins.com/2012/12/14/nested-scopes-in-angularjs.html