2016-06-22 9 views
2

私のHTML:テキストボックスの値をAngularJsの関数に渡すには?

<input type ="text" ng-model="contactid" > 

私はボックスの後に送信ボタンのonclickと呼ばれる機能abc()に、このボックスに入力したcontactId値を渡したいです。

どうすればよいですか?

+0

プット 'NG-model'上:

<form ng-controller="formCtrl" ng-submit="abc(inputValue)"> <input type="text" name="name" ng-model="inputValue" /> <button type="submit"></button> </form> 

そして、あなたのformCtrlコントローラで

関数内でこの変数を使用するよりもtetboxを使用する – AranS

+0

角度にはモデル、ビュー、およびコントロールがありますr。送信ハンドラのコントローラでモデルデータを表示および使用するモデルをバインドします。 https://angularjs.org/ –

+0

私は基本的な角度のドキュメントから始めるべきだと思います... – AranS

答えて

7

あなたはそうのようにそれを行うことができます。

<form ng-controller="formCtrl">  
    <input type="text" name="name" ng-model="inputValue" /> 
    <button ng-click="abc(inputValue)"></button> 
</form> 

またはng-submitディレクティブを使用して:

.controller('formCtrl', function() { 
    $scope.inputValue = null; 
    $scope.abc = function (value) { 
     console.log(value); 
    }; 
}); 
+0

ありがとう!それは働いた –

+0

私はこのエラーを解決するためにも助けてくれますか:angular.js:12520 TypeError:定義されていないプロパティ 'get'を読むことができません r。$ scope.contactId(Index.html?name = 3-1749:コンパイル(eval at compa(angle.js:13365)、:4:329) でe(angular.js:23613) rで$ eval(angular.js:16052) をrにします。 $ apply(angular.js:16152) at HTMLButtonElement。 (angular.js:23618) if(angular.js:3346) at HTMLButtonElement.d(angular.js:3334) –

+0

新しい質問を開く必要があります。エラーを表示するだけでなく、エラーを示すコードも表示します。 – user3632710

関連する問題