如何在Angular JS中访问变量？

Question

我有下一个Angular JS控制器结构：

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

HTML文件：

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

默认formData.map含有地址＆＃34;美国，纽约＆＃34; 我在Save()中有方法MainController，但当我调用此方法时，我得到：

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

如何从输入中获取值formData.map？

Answer 1

您应该在控制器中声明您的模型，如

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

然后在视图中使用它。

然后按照代码

检查save方法

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

希望你不会被定义。

Answer 2

在MainController中尝试以下内容：

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

更准确地说，在控制器内部的save()函数中执行如下操作：

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

要详细了解$scope，请访问：https://docs.angularjs.org/guide/scope