ng-model undefined with empty strings?

Question

I am passing user input to a controller function but empty strings do not declare object properties.

<form>
  <input type="text" ng-model="data.location" />
  <input type="text" ng-model="data.radius" />
  <button  type="button" ng-click="getSearch(data)">Search</button>
</form>

$scope.getSearch = function(data) {
  console.log(data);
  //undefined
  //...but what if I want {location:'', radius:''}
};

Is there a way to force the object properties to be created when passing empty strings on the fly?

Mike Pugh · Accepted Answer · 2013-05-31 13:59:42Z

4

You should be able to initialize data.location and data.radius in your controller to '', at least that way they aren't undefined.

answered May 31, 2013 at 13:59

Mike Pugh

6,7522 gold badges30 silver badges25 bronze badges

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

3 Comments

Dan Kanze Over a year ago

Sure, but is this the only way? There's no way to force it on the fly?

Arun P Johny Over a year ago

@DanKanze no otherwise object will be initialized only when you edit the text box

Xandrios93 Over a year ago

ng-init={data: {location: '', radius: ''}" would do the trick, but its same like in controller

0xc0de · Accepted Answer · 2013-05-31 14:01:28Z

3

You should access it as $scope.data and not just data.

Also you don't need to pass it as argument to your getSearch(). models are bound to $scope and should be accessed via $scope

answered May 31, 2013 at 14:01

0xc0de

8,3575 gold badges52 silver badges78 bronze badges

1 Comment

Dan Kanze Over a year ago

Thanks for this that makes more sence then what I was doing.

Collectives™ on Stack Overflow

ng-model undefined with empty strings?

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related