作用域元素沒有約束

在我的應用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>

來源

2016-02-05 Sudhir

你沒有顯示出足夠的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>

來源

2016-02-05 04:26:05 coolguy

我沒有看到任何問題，爲什麼它不應該工作。我沒有改變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>

來源

2016-02-05 05:32:51

作用域元素沒有約束

回答

相關問題