Javascript 如何使用Angular js禁用Html中的特定字段

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

在这里我使用了禁用的范围变量。 我想在单击编辑按钮时启用其中一个html字段，触发的函数是：

 $scope.editCaseLead = function(
                                    targetIndex) {


                             $scope.disabled= false;







                            },

但问题是，调用该函数时两个字段都被启用，但我只想启用一个字段。这将如何发生，因为我是angularjs新手。

---

高级版的任何帮助都将不胜感激。

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

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>

---

使用2个不同的范围变量。目前，您正在使用相同的布尔值来表示字段是否应该被禁用。可能

$scope.notedabled

和

$scope.casedabled

您应该使用两个变量，如$scope.disabled1和$scope.disabled2或其他有意义的名称。先生，但是我如何更改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>

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

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