如何將用戶數據從HTML動態發送到angularjs功能，並從那裏到控制器

是我的HTML如何將用戶數據從HTML動態發送到angularjs功能，並從那裏到控制器

<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); }

我試圖把用戶輸入通過控制器動態查詢。所以我試圖在角度js頁面中獲取值，但我在alert中獲取對象對象。請建議我如何將用戶輸入動態地轉移到角度js和控制器，我的sql查詢是Select * from customer where id =?，所以我需要用角度js和彈簧控制器來替換問題值與用戶輸入。

感謝

來源

2014-02-13 maho

當然，因爲您顯示的是用戶對象而不是名稱，所以您會收到警告對象。嘗試user.name –

您輸入的數值已經與模型同步，因爲您使用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); 
    } 

    });

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

如果你想使一個REST調用到某些服務器端API可以考慮查看$http或$resource

來源

2014-02-13 07:25:09 Vadim

謝謝，如何發送user.name到控制器使用$ http – maho

這是正確的--->方法：'post'， \t url：「rest/welcome/home」， \t data： user.name， \t dataType：'json'， \t contentType：'application/json' – maho

您的代碼工作正常。您已經能夠在控制器的init函數中傳遞用戶對象。由於您將對象顯示爲提醒，因此只能將其視爲[object, object]。您可改爲使用console.log(user)來查看功能中的更改。在那裏你會看到用戶對象。或alert(user.name)或alert(JSON.stringify(user))。最後一個將顯示引號中的所有屬性和值。

來源

2014-02-13 09:21:50 Kop4lyf

如何將用戶數據從HTML動態發送到angularjs功能，並從那裏到控制器

回答

相關問題