javascript - ng-model 不适用于 AngularJS 中的 ng-value

Question

下面是我的查看页面

<form name="form">
     <label>Name</label>
     <input name="name" type="text" ng-model='user.name' ng-value='emp.name' required />
     <span ng-show="form.name.$touched && form.name.$invalid">Name is required</span>
     <button ng-disabled="form.name.$touched && form.name.$invalid" ng-click='formUpdate()'>Update</button>
</form>

这是我的控制器

$scope.formUpdate = function() {
  $scope.status = false;
  $http({
  method : 'POST',
  url : 'model/update.php',
  data :   $scope.user ,
  headers : {'Content-Type': 'application/x-www-form-urlencoded'}          

  }).then(function mySuccess(response) {
    $scope.update = response.data;
    console.log(response.data); 
   }, function myError(response) {
    $scope.update = response.statusText;

   }); 
};

当我使用 data:$scope.user在我的 HTTP 调用中，我在控制台上得到空白值，但如果我使用 data: $scope.emp，那么我永远不会得到输入字段的更新值，而是得到输入字段的旧值。

Answer 1

ng-value将给定的表达式绑定到元素的值。

据我了解您的问题，您正在尝试将输入值初始化为emp.name.

您应该将输入更改为：

<input type="text" ng-model='user.name' ng-init='user.name = emp.name' required />

ng-init文档

Answer 2

试试这个代码；

$scope.formUpdate = function(){
  $scope.status = false;
  $scope.$applyAsync();

  $http({
  method : 'POST',
  url : 'model/update.php',
  data :   $scope.user ,
  headers : {'Content-Type': 'application/x-www-form-urlencoded'}          

  }).then(function mySuccess(response) {
    $scope.update = response.data;
    $scope.$applyAsync();
    console.log(response.data); 
   }, function myError(response) {
    $scope.update = response.statusText;  
    $scope.$applyAsync();
   }); 

  };