2016-06-22 1 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

각도에 모델, 뷰 및 제어 기능이 있습니다. 아르 자형. 모델을 바인딩하여 제출 핸들러의 컨트롤러에서 모델 데이터를보고 사용할 수 있습니다. 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 : (f)에서 f (eval at compile (angular.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

관련 문제