2014-12-23 2 views
2
<form class="form-group has-success has-feedback" novalidate> 
       <br/> 
       <label class="control-label" for="inputSuccess2">Enter the Phone Number</label> 
       <input type="number" class="form-control" ng-model="user.phonenum" name="phonenum" id="inputSuccess2"> 

       <button ng-click="myData.doClick(item, $event)" class="btn btn-primary">Get Mobile Phone Number Data</button> 
      </form> 

      <br/> 
      Data from server: {{myData.fromServer.State}} 


     <script> 
     angular.module("myapp", []) 
       .controller("MyController", function($scope, $http) { 
        $scope.myData = {}; 
        $scope.myData.doClick = function(item, event) { 

         var responsePromise = $http.get("https://ajith-indian-mob-info.p.mashape.com/getInfo?mobno="+item, {headers: {'X-Mashape-Key': ''}}); 
         responsePromise.success(function(data, status, headers, config) { 
          $scope.myData.fromServer = data; 
         }); 
         responsePromise.error(function(data, status, headers, config) { 
          alert("AJAX failed!"); 
         }); 
        } 


       }); 
    </script> 

안녕하세요 저는 각도 조절기에 텍스트 상자의 값을 어떻게 가져 옵니까?버튼의 텍스트 상자에서 값을 가져 오는 방법 각도 js

당신이 전화 번호

의 값을 원하지만 확인 어디든지 모델 인 경우 $scope.user.phonenum을 이렇게 $scope.ModelName

와 CONTROLER의 범위 안에있는 경우 컨트롤러에서 모델의 값을 얻을 수 있습니다

답변

1

컨트롤러의 범위 내에서. 내 컨트롤러에서 개인적으로

3

, 나는 개체의 사용자 정의 다음

<input type="number" class="form-control" ng-model="user.phonenum" name="phonenum" id="inputSuccess2"> 

자동으로이 텍스트 상자의 내용을 바인딩

$scope.user = {} 

을 (더 나은 독서를 들어,이 필요하지 않습니다) 변수 $scope.user.phonenum을 사용하면 액세스 할 수 있습니다.

+0

$ scope.user = {} –

+1

정의 할 필요가 없습니다. 범위 상속과 관련된 문제를 방지 할 수 없습니까? – yunandtidus

+0

어떤 종류의 문제입니까? –

1

각도로 생각하면 사고 방식을 바꿔야합니다. 컨트롤러에서보기로 작업하지 않습니다 ... 모델로 작업하고 지시문에서 해당 모델을 업데이트하십시오. 그래서, 당신의 예제에서 텍스트 상자는 user.phonenum에 매핑되어 있으므로 컨트롤러에서 $ scope.user.phonenum과 같은 것을 할 수 있습니다.

관련 문제