How get access to variable in Angular JS?

Question

I have next Angular JS controllers structure:

<div ng-controller="MainController">
   <div ng-controller="mainCtrlTst">
      // here is loaded HTML file  
   </div>
</div>

HTML file:

<div ng-controller="MainController">
  <input ng-model="formData.map" value="">
</div>

For default formData.map containts address "USA, New York" I have method Save() in MainController, but when I call this method I get:

console.log(formData.map); // undefined

How I can get value formData.map from input?

Hasib Tarafder · Accepted Answer · 2015-09-01 15:46:33Z

1

You should declare your model in controller like

$scope.formData = {
    map: ''
};

And then use it in the view.

And then check in the save method by following code

console.log($scope.formData.map);

Hope you will not get undefined.

answered Sep 1, 2015 at 15:46

Hasib Tarafder

5,8133 gold badges33 silver badges44 bronze badges

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

2 Comments

I have declared $scope.formData

Still you get undefined when use console.log($scope.formData.map);

Roy M J · Accepted Answer · 2015-09-01 15:46:08Z

0

Try the following in MainController:

console.log($scope.formData.map);

To be more precise, in your save() function inside the controller do as follows:

$scope.save = function(){
    console.log($scope.formData.map);
}

answered Sep 1, 2015 at 15:46

Roy M J

6,9367 gold badges54 silver badges79 bronze badges