Question

我正在使用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 = '';
    },
  );

};

HomeService.js

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

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

Answer 1

我想你想要这样。

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

}

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

1 个答案: