Angularjs 如何从单击按钮时的文本框中获取值 输入电话号码 获取手机号码数据 来自服务器的数据：{{myData.fromServer.State} angular.module（“myapp”，[]） .controller（“MyController”，函数（$scope，$http）{ $scope.myData={}； $scope.myData.doClick=函数（项、事件）{ var responsePromise=$http.get（“https://ajith-indian-mob-info.p.mashape.com/getInfo?mobno=“+项，{headers:{'X-Mashape-Key'：'''}}）； 成功（函数（数据、状态、标题、配置）{ $scope.myData.fromServer=数据； }); 错误（函数（数据、状态、标题、配置）{ 警报（“AJAX失败！”）； }); } });

您好，我是angular的新手。如何将文本框中的值输入控制器angular？

如果模型位于控制器的作用域内，则可以使用

$scope.ModelName

在需要电话号码值的任何位置执行此操作

---

但是检查模型是否在控制器的范围内。

我个人在控制器中定义了对象用户（为了更好地阅读，这不是必需的）

然后

---

使用Angular，您应该改变您的思维方式，在控制器中，您不使用视图。。。您使用模型（并让指令更新该模型）。因此，在您的示例中，文本框被映射到user.phonenum，因此您可以在控制器中执行类似$scope.user.phonenum的操作。

没有必要定义$scope.user={}这不能防止与作用域继承相关的问题吗？什么样的问题？让我们使用ng if指令在块中设置此输入文本。Ng如果创建了一个新的作用域（即HERITE控制器的作用域），用户将在此作用域中定义，但在控制器中不可见，这不一定会产生问题。但这仍然是一个很好的实践。

  <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>

$scope.user = {}

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

$scope.myData.doClick = function() {
    var responsePromise = $http.get("https://ajith-indian-mob-info.p.mashape.com/getInfo?mobno="+$scope.user.phonenum, {headers: {'X-Mashape-Key': ''}});
    ...