从控制器角度 js 获取 ng-model 输入的值答案

【问题标题】：Getting the value of ng-model input from controller angular js从控制器角度 js 获取 ng-model 输入的值
【发布时间】：2018-10-06 17:37:22
【问题描述】：

我正在尝试将我的 ng-model 输入值传递给我的控制器。输入值有一个值而不是空的。为什么这段代码不起作用？当您发出警报或控制台日志时，它会显示未定义。我错过了什么？非常感谢您的帮助。这是我的代码

输入 --> 值为 1

    <input type="text" name="idval" ng-model="Data.idval">

app.controller('Controller', function($scope, $http){

$scope.fetchvalue = function(){

  var id = $scope.Data.idval; // not working
  var id = $scope.idval; // even this one

  alert(id); // its undefined

    $http.post(
        "query.php", {
            'ID': id,
        }
    ).then(function(response) {

       console.log(response.data);

    });
}});

【问题讨论】：

你的输入值是硬编码的吗？
文是fetchvalue 打电话，你拿Data 对象了吗？
检查您的控制器名称
粘贴完整的控制器
当按钮被点击时，称为fetchvalue @Sravan

标签： angularjs

【解决方案1】：

我明白了，

看到你定义了 id 两次，第一个 id 从 ng-model 获取值，它必须将 ng-model 值分配给 id 变量，然后你用 undefined 变量覆盖 id idval.

您可以删除行 var id = $scope.idval; 或

将alert(id);修改为alert($scope.Data.idval)

【讨论】：

我只声明了两次 id 以表明两者都不起作用。但是在运行时，一次只有一个 id。谢谢@Kishor Pawar。
啊哈好吧。这就是为什么我们希望在帖子中有更多实际代码。

【解决方案2】：

这是您的代码的有效解决方案：

你需要声明一个object并将其绑定到ng-model，

$scope.Data = {};

var app = angular.module('myApp', []);
app.controller('formCtrl', function($scope) {
   $scope.Data = {};
 $scope.fetchvalue = function(){
    var id = $scope.Data.idval; // not working
    alert(id); // its undefined
 }   
});

<!DOCTYPE html>
<html lang="en">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="formCtrl">
  <form novalidate>
    <input type="text" name="idval" ng-model="Data.idval"> 
    <button ng-click="fetchvalue()">Submit</button>
  </form>
  </div>



</body>
</html>

Here is a working Plunker

【讨论】：

它有效！我在我的控制器 $scope.Data = {}; 中错过了这段代码谢谢@Sravan
很高兴为您提供帮助:)。

【解决方案3】：

你需要在使用它之前在某个地方声明它。

$scope.DATA = ""
var id = $scope.Data.idval;

试试这个

【讨论】：