javascript - 如何在 HTML 中使用 Js Controller 中的变量

Question

我想使用 ng-disable 验证我的表单。

所以我的函数将检查用户输入的 ID 是否正确。
另外，如果所有输入都已填写，我还必须检查我的表格。

这是我的功能:

vm.validateid = function(){
    console.log('here');
    var objvar = {
        'id': vm.data.referalid,
        'referral2': true,
    };

    $http.post(ConfigCnst.restUrl,objvar).then(function(res) {
        if (res.data.status !== true) {   

             alert('Invalid ID');
             vm.data.referalName = 'Invalid ID';
             vlid = res.data.status;
             console.log(vlid);

        } else {

            alert('ID Validated');
            vm.data.referalName = JSON.stringify(res.data.data.name);
            vlid = res.data.status;
            console.log(vlid);
        }

    });
}

我想要vlid。它将包含 true 或 false。

这是我的 ng-disable:

 <button ng-disabled="registerForm.$invalid" 
         ng-click="register.submit()"  
         class="button button-block button-positive">Confirm</button>

我想检查 registerForm 和 vlid 均为 false。
有没有办法从我的 Controller 引用我的vlid？

Answer 1

无法查看 Controller 的定义位置/方式使这变得更加困难，但是，是的，您可以从 Controller 访问范围变量。
因此，您的 Controller 可能有两种定义方式:

使用 Controller :
您将在 html 中将 myController 作为 someName。
然后，您可以将 someName.vlid 传递给您的函数，然后将其绑定(bind)到 res.data.status

绑定(bind)到$scope:
在您的 Controller 中，您将有一个参数 $scope
然后，您可以在 Controller 中使用 $scope.vlid 或在 html 中使用 ng-model='vlid'，将其传递给您的函数，并以相同的方式处理它.

如果您已在 Controller 中定义了该函数，则可以使用 ng-model='vlid' 或 ng-model='someName.vlid'，具体取决于您的方式 Controller 已定义。