如何使用Angular-js禁用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



                        },

在這里我使用了禁用范圍變量。 我要啟用html字段之一的onClick的編輯按鈕，被觸發的功能是：

 $scope.editCaseLead = function(
                                    targetIndex) {


                             $scope.disabled= false;







                            },

但是問題是調用該函數時啟用了Both字段，但是我只想啟用一個字段。當我是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>

Java腳本

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

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