在 AngularJs 控制器中设置 ng-model 值

debugcn 发表于 Dev

塔鲁卡

我正在一个带有 springboot 后端和 angularJs 前端的项目中工作。在我的前端，我需要在提示对话框中更新用户名。我正在使用 $mdDialog。

我已经为提示对话框创建了函数。

$scope.showPrompt = function(ev) {
    HomeService.updateCustomer($scope.customer)
    var confirm = $mdDialog.prompt()
      .title('Edit User Name')
      .textContent($scope.customerName)
      .placeholder('User Name')
      .ariaLabel('CustomerName')
      .initialValue($scope.customerName)
      .targetEvent(ev)
      .required(true)
      .ok('Save!')
      .cancel('Discard');

    $mdDialog.show(confirm)
    .then(function(result) {
        $scope.status = 'UserName has been updated!' + result;
    }, 
    function() {
      $scope.status = 'UserName has not been updated';
    });
  };

现在我想将下面的 html 内容添加到提示对话框中以获取用户输入，并且我想将该值提交到数据库中。

这是我的 html 代码。

    <div class="input-group">
    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>

            <input id="name" name="name" placeholder="Name" class="form-control input-md" type="text" ng-model="customer.customerName" required>

    </div>
    <button id="button" type="reset" name="button" class="btn btn-primary btn-block"   ng-click="updateCustomer(customer)" ng-disabled= "registrationForm.$invalid">Register</button>

</fieldset>

其他重要代码。

  $scope.updateCustomer = function(){
   HomeService.updateCustomer($scope.customer)
    .then (function success(response){ 
        $scope.message = response.data.customerName + " Updated";
        $scope.errorMessage = '';
    },
  );

};

家庭服务.js

 this.updateCustomer = function updateCustomer(){
        return $http.put(REST_SERVICE_URI+'update' , customer)
    }

或者我需要将“result”的值绑定到 $scope.customer

维普尔·索兰基

我想你想要这样。

    $scope.updateCustomer = function(){
    HomeService.updateCustomer($scope.customer)
        .then (function success(response){ 
            $scope.customer = response.data;
            $scope.message = response.data.customerName + " Updated";
            $scope.errorMessage = '';
        },
    );

}

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。