如何將用戶數據從html動態發送到angularjs函數，再從那里發送到控制器

Question

下面是我的HTML

<div class="container page" ng-controller="Homectrl" style="margin-top:8px;">
<form id ="form" novalidate class="simple-form" >
<input type="text" ng-model = user.name name="id"/>
<button ng-click="init(user)">update</button>
</form>
</div>

和js

$scope.init = function(user) {
            alert(user); }

我正在嘗試通過控制器將用戶輸入動態地輸入到查詢中。 所以我試圖在angular js頁面中獲取值，但是我在警報中獲取了object對象。 請建議我如何將用戶輸入動態地輸入到Angular js並從控制器獲取，我的sql查詢是Select * from customer where id =? ，因此我需要使用角度js和spring控制器將問題值替換為用戶輸入。

謝謝

Answer 1

由於您使用ng-model ，因此您的輸入值已經與模型同步。 因此，您無需將其傳遞給init函數。 您可以嘗試執行以下操作來提醒用戶名：

的HTML

<div class="container page" ng-controller="Homectrl" style="margin-top:8px;">
  <form id="form" novalidate class="simple-form" >
    <input type="text" ng-model="user.name" name="id"/>
    <input type="button" ng-click="init()" value="Update"/>
  </form>
</div>

的JavaScript

angular.module('app',[]).
  controller('Homectrl', function($scope) {

    $scope.init = function() {
      alert($scope.user.name);
    }

  });

柱塞： http ://plnkr.co/edit/JiWFnL6EFthfRjeeJocu?p=preview

如果要對某些服務器端API進行REST調用，請考慮查看$ http或$ resource。

Answer 2

您的代碼運行正常。 您已經能夠在控制器的init函數中傳遞用戶對象。 由於將對象顯示為警報，因此只能將其顯示為[object, object] 。 您可以改為使用console.log(user)查看功能中的更改。 在那里，您將看到用戶對象。 或alert(user.name)或alert(JSON.stringify(user)) 。 最后一個將用引號顯示所有屬性和值。