2016-05-03 15 views
0
<form name="vm.form"> 
<input name="name"> 
<input type="password" name="password"> 
</form> 

vm.formで入力値にアクセスするにはどうすればよいですか?Angularjsのフォーム値にアクセスするには?

私はこれを試してみたが、それは働いていない: console.log(vm.form.name)

私はこのようにそれを行うことができますか?または他の簡単な方法がありますか?

私はこのような他のサーバーにデータを投稿しています:

$http.post('/someUrl', vm.form, config).then(successCallback, errorCallback); 
+0

どのように機能しないのですか?それは印刷されていませんか?エラーが表示されていますか?また、どのブラウザを使用していますか? Console.logはIE <9では動作しません。 – Aurasphere

答えて

2

あなたのコントローラで

$scope.form = {name:"", password=""} 

を、オブジェクトを作成することができ、その後、あなたがng-model

経由でのhtmlでそれをアクセスすることができます
<form> 
<input ng-model="form.name"> 
<input type="password" ng-model="form.password"> 
</form> 
+1

'var $ scope.form = ...'に 'var'が必要ではないと思います。 –

+0

あなたは正しいです。私はこれについてはわからなかったが、今私はそれを変更 –

0

お試しください: 、あなたのHTMLに

<form name="vm.form" ng-model="myForm"> 
<input name="name" ng-model="myForm.name"> 
<input type="password" name="password" ng-model="myForm.password"> 
</form> 

とスクリプトの使用における "あるmyForm"

$http.post('/someUrl', $scope.myForm, config).then(successCallback, errorCallback); 
0

あなたはこの

<form name="vm.form" ng-submit="YourServerSideFun(myForm)"> 
<input name="name" ng-model="myForm.name"> 
<input type="password" name="password" ng-model="myForm.password"> 
<input type="submit"/> 
</form> 

がObjectとしてごあるmyFormを渡して試すことができます。

+0

ありがとう!それは今働いている – iamdifferent

関連する問題