2017-10-05 66 views
-1

我有像下面的AngularJS的HTML代码选择框表格单元格内。从表格单元格禁用角JS选择框

<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-原始NG-有效NG-感动

,这让选择框被禁用。

+0

这里是ngModel的文档https://docs.angularjs.org/api/ng/directive/ngModel,它解释了这些CSS类是什么,它们是什么意思.. –

回答

0

所以发生了什么是因为ng变化基本上ng-change指令告诉AngularJS当HTML元素的值发生变化时该怎么做。 所以ng-change中的表达式可能是错误的。只是为了检查,试着把ng-change的值改为ng-change ='True',看看它是否仍然禁用。因为原始的有效和感动用于验证,如果输入字段