Question

在我的应用程序中，ng-model数据没有绑定到控制器，ng-model名称与作用域名称相同，但没有得到为什么它没有绑定。作为未定义的格式。

$scope.updateData = function() {
    debugger;
    $scope.userId = sessionStorage.getItem("User Id");
    var data = {
        'eMPLOYEEID' :$scope.userId,
        'firstName' :$scope.fName
    };
    console.log(data);

}

Html代码

<form >
          <div>
          <input type="text" ng-model="fName"/>
          <button type="submit" class="submitbtn"  ng-click="updateData()">Submit</button>
</div>
</form>

Answer 1

希望您正确绑定控制器尝试以下任何一种方式

<form >
          <div>
          <input type="text" ng-model="fName"/>
          <button class="submitbtn"  ng-click="updateData()">Submit</button>
</div>
</form>

OR

<form onsubmit="updateData()">
          <div>
          <input type="text" ng-model="fName"/>
          <button type="submit" class="submitbtn"  >Submit</button>
</div>
</form>

Answer 2

我没有看到任何问题，为什么它不起作用。我没有改变HTML中的任何内容，但在没有sessionStorage的情况下编写了一个控制器。请参阅工作解决方案。

angular.module('app', [])
  .controller('mainCtrl', function($scope) {
    $scope.User_Id = 111;

    $scope.updateData = function() {
      var data = {
        'eMPLOYEEID': $scope.User_Id,
        'firstName': $scope.fName
      };
      console.log(data);
      alert(JSON.stringify(data));
    }
  });

<!DOCTYPE html>
<html ng-app="app">

<head>
  <script src="https://code.angularjs.org/1.4.8/angular.js"></script>
</head>

<body ng-controller="mainCtrl">
  <form>
    <div>
      <input type="text" ng-model="fName" />
      <button type="submit" class="submitbtn" ng-click="updateData()">Submit</button>
    </div>
  </form>
</body>

</html>

范围元素不具有约束力

2 个答案: