Question

我试图根据表达式显示和隐藏两个选择选项之一但它效果不好。我怎样才能使它工作？提前谢谢。

<div class="col-md-3">
    <div class="form-group has-error " ng-switch on="class">
        <label class="title_lable">{{class}}</label>
        <select class="form-control input-sm" ng-model="Tclass">
            <option ng-switch-when="7" ng-repeat="sd in ScientificDegree" value="{{sd.sub_cod}}">{{sd.Degree}}</option>
            <option ng-switch-when="8" ng-repeat="sp in Specialty" value="{{sp.Spec_Key}}">{{sp.Spec}}</option>
        </select> 
    </div>
</div>

Answer 1

如果你在你的问题中包含控制器的内容会更好，但我试图根据一些假设完成一个例子。你的ng-switch看起来不错，所以我认为控制器出了问题。这就是我在控制器中放置的工作原理：

app.controller('MainCtrl', function($scope) {
  $scope.ScientificDegree = [{sub_cod:1,Degree:'Degree 1'}];
  $scope.Specialty = [{Spec_Key: 2, Spec: 'Specialty 2'}];
  $scope.TClass = '';
  $scope.class = 8;
});

这是一个让它看起来有效的https://plnkr.co/edit/TjE2MvrHLfdI1umajtBx?p=preview

如何在选择中使用ng-switch和ng-repeate

1 个答案: