Значение по умолчанию для ввода неопределенного результата при публикации с использованием угловых js

Question

Интересно, почему не работает, когда вход имеет значение по умолчанию, назначенное контроллеру, и когда вы публикуете этот вход, неопределенный на стороне сервера. Тем не менее, когда вы печатаете непосредственно для ввода, он работает и получает значение. В чем разница, почему назначение значения по умолчанию не определено при публикации на стороне сервера.

<input type="text" id="defval" name="defval" ng-value="myvar" ng-model="Data.defval">

Контроллер

    app.controller('RoomContrroller', function($scope, $http){
$scope.myvar=1;
  $scope.SaveRecord = function (msg) {
          $scope.loaderForm=true;
          var formdata = $scope.Data;
          $http.post("Add.php", formdata)
            .then(function(response){

              console.log(response.data);
              if(response.data==0){
                  $scope.fetch();
                  $scope.$emit('swalSuccess', { message: msg });
              }else{
                  $scope.$emit('swalError', { message: msg });
              }
              $scope.loaderForm=false;
          });
      }

  }

Answer 1

Вы можете удалить ng-value элемента и просто изменить эту строку кода с

var formdata = $scope.Data;

К

var formdata = ($scope.Data && $scope.Data.defval)? $scope.Data : {defval: 1};

Answer 2

Не используйте ng-значение, см. Это

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

и в контроллере

app.controller('RoomContrroller', function($scope, $http){
$scope.Data.defval='1'; // initialize here <-------------
$scope.SaveRecord = function (msg) {
      $scope.loaderForm=true;
      var formdata = $scope.Data;
      $http.post("Add.php", formdata)
        .then(function(response){

          console.log(response.data);
          if(response.data==0){
              $scope.fetch();
              $scope.$emit('swalSuccess', { message: msg });
          }else{
              $scope.$emit('swalError', { message: msg });
          }
          $scope.loaderForm=false;
      });
  }

}