javascript - 将 ng-model 作为参数传递给具有其他参数的函数，然后清除 ng-model

Question

这是我的html

<input type="text" name="message" ng-model="senderMessage">

<button type="submit" ng-click="sendSenderMessage(1,5,senderMessage)">
  click me 
</button>

我的js Controller 功能

$scope.sendSenderMessage = function (bsid, srid, message) {
  $scope.senderMessage = message; 
  $http.post(url + 'c_chat/sendSenderMessageJson', {
    bsid: bsid,
    srid: srid,
    message: $scope.senderMessage
  })
  .success(function (data) {
    console.log(data);
    $scope.chatForm();
    $scope.startChat(srid);
  });
}

哪里

$scope.chatForm = function () {
  $scope.senderMessage = "";
}

我的问题是我无法将 $scope.senderMessage 重置为空白

Answer 1

您应该提供 .error(function(data)) 来发布请求，因为如果发生错误，则 $scope.chatForm 将不会被调用，并且 $scope.senderMessage 将保持不变。

或者你应该这样做

 var tempMessage = angular.copy(message);
$scope.senderMessage = ""; 
 $http.post(url + 'c_chat/sendSenderMessageJson', {
    'bsid'    : bsid ,
    'srid'    : srid ,
    'message' : tempMessage 

  })