Question

I apologize in advance if i’m not wording this properly. I have a textbox with ng-model inside an ng-repeat and when I try to get the textbox value it’s always undefined. I just want it to display whatever I type in the corresponding textbox.

It seems to be an issue with the $scope, so how would I make the $scope.postText global or at the controller root level so it can be accessible?

Here’s the JSFiddle to help clear things up: http://jsfiddle.net/stevenng/9mx9B/14/

Answer 1

In your click expression you can reference the postText and access it in your savePost function. If this wasn’t in an ng-repeat you could access the single $scope.postText successfully but ng-repeat creates a new scope for each item.

Here is an updated fiddle.

<div ng-repeat="post in posts">
   <strong>{{post}}</strong>
   <input type="text" ng-model="postText">
   <a href="#" ng-click="savePost(postText)">save post</a>
</div>

$scope.savePost = function(post){
   alert('post stuff in textbox: ' + post);
}