MobileFirst：如何使用 angularJS 将参数传递给适配器

Question

我首先在 Mobile 中使用 angularJS，但由于适配器未接收到参数值而出现错误

需要知道如何使用$scope或不使用$scope在function(function($scope.userName, $scope.password)) & parameter(parameters : [$scope.userName, $scope.password])变量中传递参数

app.controller('loginController',function($scope){

    $scope.login = function($scope.userName, $scope.password){
        $scope.userNameTxt = angular.element('#usrName').val();
        $scope.passwordTxt = angular.element('#pass').val();
        console.log($scope.userName, $scope.password);
        $scope.userName = $scope.userNameTxt;
        $scope.password =$scope.passwordTxt;
        $scope.loginProcedure = {
                procedure : 'login',
                adaptor : 'SQL',
                parameters : [$scope.userName, $scope.password]
        };

        WL.Client.invokeProcedure($scope.loginProcedure,{
            onSuccess : $scope.loginSuccess,
            onFailure : $scope.loginFailure
        });

        $scope.loginSuccess = function(data)
        {
            $scope.data = data;
            console.log($scope.data);
        };

        $scope.loginFailure = function()
        {
            console.log('failed');
        };
    }

});

Answer 1

双向绑定

如果您在控制器中使用双向绑定，如下所示

<div ng-controller="loginController">
  <form ng-submit="login()">
    <input type="text" ng-model="username" placeholder="Username" />
    <input type="password" ng-model="password" placeholder="Password" />

    <input class="btn-primary" type="submit" value="Login"  />
  </form>
</div>

那么您可以使用以下内容：

app.controller('loginController',function($scope){

    $scope.login = function(){
        $scope.loginProcedure = {
                procedure : 'login',
                adapter : 'SQL',
                parameters : [$scope.username, $scope.password]
        };

        WL.Client.invokeProcedure($scope.loginProcedure,{
            onSuccess : $scope.loginSuccess,
            onFailure : $scope.loginFailure
        });

        $scope.loginSuccess = function(data)
        {
            $scope.data = data;
            console.log($scope.data);
        };

        $scope.loginFailure = function()
        {
            console.log('failed');
        };
    }
});

无约束力：

如果您没有为表单字段使用双向绑定，那么您可以尝试以下方法：

app.controller('loginController',function($scope){

    $scope.login = function(){
        var username = angular.element('#usrName').val();
        var password = angular.element('#pass').val();

        $scope.loginProcedure = {
                procedure : 'login',
                adapter : 'SQL',
                parameters : [username, password]
        };

        WL.Client.invokeProcedure($scope.loginProcedure,{
            onSuccess : $scope.loginSuccess,
            onFailure : $scope.loginFailure
        });

        $scope.loginSuccess = function(data)
        {
            $scope.data = data;
            console.log($scope.data);
        };

        $scope.loginFailure = function()
        {
            console.log('failed');
        };
    }

});