Question

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

嗨，我是角色新手如何从文本框中获取值到控制器角度？

Answer 1

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

$scope.user = {}

然后

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

会自动将此文本框的内容绑定到变量$scope.user.phonenum，您可以访问它，只需使用：

$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': ''}});
    ...

Answer 2

如果模型位于控制器范围内，您可以获得模型的值$scope.ModelName

在您希望电话号码值

的任何地方执行此操作$scope.user.phonenum

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

Answer 3

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

如何从按钮单击角度js上的文本框中获取值

3 个答案: