Question

我有像AngularJS的HTML代码，如下表格单元格中的选择框。

 <td>                              
   <select ng-model="row.status" ng-change="toggle_syslog_filter(row.id,row.status)" >
       <option value="0">Disabled</option>
       <option value="1">Enabled ( Log Only )</option>
       <option value="2">Enabled ( Alerts Active )</option>
   </select>
   <span style="color:red;">
       <i class="fa fa-remove" ng-click="delete_filter(row.id)"></i>
   </span>                                    
 </td>

但它添加了一些类来选择框

<td>                                               
     <select ng-model="row.status" ng-change="toggle_syslog_filter(row.id,row.status)" class="ng-pristine ng-valid ng-touched">
        <option value="0">Disabled</option>
        <option value="1">Enabled ( Log Only )</option>
        <option value="2">Enabled ( Alerts Active )</option>
     </select>
     <span style="color:red;">
         <i class="fa fa-remove" ng-click="delete_filter(row.id)"></i>
     </span>                                             
 </td>

它添加了类

ng-pristine ng-valid ng-touching

它使选择框无效。

Answer 1

所发生的事情是因为ng-change基本上是 ng-change指令告诉AngularJS当HTML元素的值发生变化时该怎么做。 因此，ng-change中的表达式评估可能是错误的。只是为了检查，尝试将ng-change的值设置为ng-change ='True'，看看它是否仍然禁用。因为pristine有效和触摸用于验证输入字段

禁用表格单元格中的Angular JS选择框

1 个答案: