我采用了棱角分明-JS

如何禁用特定字段在HTML中具有两层的字段，它是在禁用状态下使用我的HTML页面NG-diabled。这里是我的html代码：我采用了棱角分明-JS

<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文件中：

$scope.onClickShowDetails = function(
           targetIndex) { 

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

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



          // Triggering bPopup when click 
          // event is fired 



         },

其中我使用了禁用的范围变量。我想要什么，使HTML字段编辑按钮的onClick之一，这是trigerred的功能是：

$scope.editCaseLead = function(
            targetIndex) { 


          $scope.disabled= false; 







          },

但问题是，在调用该函数两个字段是启用的，但我想启用只有一个field.How它会发生，因为我是angularjs中的新成员。任何帮助将在高级中进行鉴赏。

来源

2015-12-09 Anand

使用2名不同范围的变量。目前，您正在使用相同的布尔值来说明字段是否应该被禁用。也许'$ scope.noteDisabled'和'$ scope.caseDisabled' – Gustav

你应该使用两个变量，例如$ scope.disabled1和$ scope.disabled2或者其他有意义的名字。 – Rahul

先生，但我怎么可以在HTML文件中更改代码，因为我希望这两个字段在一个按钮上单击禁用，另一个按钮单击时，我只想禁用一个字段，可以详细说明代码Plz ..我是新 – Anand

您需要使用不同的字段来触发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; 
}

来源

2015-12-09 12:31:21 AlexD

我采用了棱角分明-JS

回答

相关问题