如何将文本框的内容作为输入参数传递到angular js中，而不是作为$scope变量？

在AngularJS中，如果你想要将文本框的内容作为输入参数传递到某个函数，而不是将其存储在$scope变量中，你可以使用ng-model指令来绑定文本框的值到一个局部变量，然后在需要的时候将这个局部变量的值作为参数传递给函数。

以下是一个简单的例子，展示了如何实现这一点：

<!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>AngularJS Example</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body ng-controller="myController">

    <!-- 使用ng-model绑定文本框的值到局部变量inputValue -->
    <input type="text" ng-model="inputValue" placeholder="Enter some text">

    <!-- 当按钮被点击时，调用myFunction，并将inputValue作为参数传递 -->
    <button ng-click="myFunction(inputValue)">Submit</button>

    <p>{{result}}</p>

    <script>
        var app = angular.module('myApp', []);

        app.controller('myController', ['$scope', function($scope) {
            // 初始化结果变量
            $scope.result = '';

            // 定义函数，接收文本框的值作为参数
            $scope.myFunction = function(value) {
                // 在这里处理value，例如将其转换为大写
                $scope.result = value.toUpperCase();
            };
        }]);
    </script>

</body>
</html>

在这个例子中，文本框的值通过ng-model绑定到了inputValue变量。当用户点击按钮时，myFunction函数被调用，并且inputValue的值作为参数传递给该函数。函数内部可以对这个值进行处理，然后将处理结果赋值给$scope.result，这样就可以在视图中显示处理后的结果。

这种方法的好处是，它避免了直接操作$scope变量，使得代码更加模块化和可测试。此外，它也使得控制器更加专注于业务逻辑，而不是数据绑定。