作用域元素没有约束

问题描述：

在我的应用ng模型数据没有绑定到控制器，ng-model名称与作用域名称相同，但没有得到为什么它不binding.getting为undefined。作用域元素没有约束

$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>

你没有显示出足够的HTML代码的这里，特别是在'NG-controller'定义;此外，这不会发生在'ng-repeat'内吗？ – Claies

答

希望你绑定你的控制器正确尝试通过以下两种方式

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

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

答

我没有看到任何问题，为什么它不应该工作。我没有改变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>

作用域元素没有约束

相关推荐