如果模型为null或为空,如何禁用Angular Drop Down?

时间:2014-12-17 15:23:54

标签: javascript jquery angularjs highcharts

我有一个角度DropDown,它绑定到范围变量,即数组。我希望在数组为空时禁用下拉列表。

HTML

 <select class="qtDropDown" ng-model="chartModel" ng-options="riskimp.IndustryName for riskimp in riskImprovement"  ng-change="buildChartData(chartModel)"></select>

JS

if( $scope.riskProfileModel.riskProfileData.RiskImprovment ) 
 {

     //I am doing some chart generation
   }

  else  {

          return null;
       }

我不知道如何禁用下拉菜单。有人可以建议怎么做吗?

2 个答案:

答案 0 :(得分:1)

如果您可以在javascript中设置控制器属性,则返回bool(如果已启用/禁用),则可以执行以下操作:

<select ng-disabled="isDisabled">
    ...
</select>

答案 1 :(得分:1)

使用ng-disabled属性仍然显示对象而不隐藏它。添加元素:

ng-disabled="chartModel.length == 0"