javascript - 如何使用 Angularjs 禁用 Html 中的特定字段

Question

我的 Html 页面有两个字段，使用 ng-diabled 处于禁用状态。这是我的 Html 代码:

<div class="col-md-6">
                    <div class="row">
                        <div id="noteInputDiv" class="col-md-12">
                            <label for="noteInput">Lead Notes</label>
                            <textarea id="noteInput" class="form-control"
                                ng-model="userLead.fldLeadNotes" rows="4" cols="65" ng-disabled="disabled"></textarea>
                        </div>
                    </div>
                    <div class="row">
                        <div id="caseNotesDiv" class="col-md-12">
                            <label for="caseNotes">Case Notes</label>
                            <textarea id="caseNotes" class="form-control"
                                ng-model="userLead.fldContactNotes" class="col-md-12" rows="16"
                                cols="65" ng-disabled="disabled"></textarea>
                        </div>
                    </div>

这是我在 Js 文件中的 Controller 代码:

 $scope.onClickShowDetails = function(
                                targetIndex) {

                          $scope.userLead={};
                         $scope.disabled= true;

                            $scope.userLead = $scope.listresult[targetIndex];



                            // Triggering bPopup when click
                            // event is fired



                        },

我使用禁用范围变量的地方。 我想启用编辑按钮的onClick html字段之一，触发的功能是:

 $scope.editCaseLead = function(
                                    targetIndex) {


                             $scope.disabled= false;







                            },

但问题是，在调用该函数时，两个字段都已启用，但我只想启用一个字段。当我是 angularjs 新手时，它将如何发生。 任何帮助将提前表示感谢。

Answer 1

您需要使用不同的字段来触发ngDisabled。

HTML

<div class="row">
    <div id="noteInputDiv" class="col-md-12">
        <label for="noteInput">Lead Notes</label>
        <textarea id="noteInput" class="form-control"
            ng-model="userLead.fldLeadNotes" rows="4" cols="65" ng-disabled="leadNotesDisabled"></textarea>
    </div>
</div>
<div class="row">
    <div id="caseNotesDiv" class="col-md-12">
        <label for="caseNotes">Case Notes</label>
        <textarea id="caseNotes" class="form-control"
            ng-model="userLead.fldContactNotes" class="col-md-12" rows="16"
            cols="65" ng-disabled="contactNotesDisabled"></textarea>
    </div>
</div>

Javascript

function disableLeadNotes() {
    $scope.leadNotesDisabled = true;
}

function disableContactNotes() {
    $scope.contactNotesDisabled = true;
}