javascript - angularjs ng-repeat cascading Dropdown不更新

Question

我在使用 Angularjs 时遇到这个问题我正在创建如下所示的级联下拉列表

            <div class="col-sm-2 pr10">
            <select class="PropertyType" ng-controller="LOV" ng-init="InitLov(140)" ng-model="PropertyType" ng-change="update(PropertyType)" >
                <option value=""  selected="selected" disabled="disabled"> {{type ? type: 'Property Type'}} </option>
                <!-- <option value="">-- Select Type --</option>-->
                <option ng-repeat="Lov in LovList" value="{{Lov.Value}}" >{{Lov['Lable'+Lang]}} </option>
            </select>
        </div>
        <div class="col-sm-2 pr10">
            <select class="PropertySubType" ng-controller="LOV" ng-model="PropertySubType" >
                <option value="" selected="selected"disabled="disabled" >{{subType ? subType: 'Property Sub Type'}}</option>
                <!--  <option value="">-- Select Sub Type --</option> -->
                <option ng-repeat="Sub in SubType" value="{{Sub.Value}}" >{{Sub['Lable'+Lang]}} </option>
            </select>
        </div>

和 Angular 文件:

            $scope.update = function (id) {
            $http.post("API/WebsiteService.asmx/getSubPropertyLov", { type: id }).success(function (data) {

                debugger;
                var rr = eval('(' + data.d + ')');
                $scope.SubType = rr.result; 

            });
        }

API返回数据，SubType范围获取它，但它不会改变下拉数据(PropertySubType)，*该功能在LOV Controller 内部。

Answer 1

不要在每个选择上重复ng-controller="LOV"，这样它们都会获得不同的范围。将两个选择放在同一 Controller 的范围内。

也不要使用 ngRepeat，使用 ngOptions:

<div ng-controller="LOV">
  <div class="col-sm-2 pr10">
    <select class="PropertyType" 
      ng-init="InitLov(140)" 
      ng-model="PropertyType" 
      ng-change="update(PropertyType)"
      ng-options="Lov.Value as Lov['Lable' + Lang] for Lov in LovList">
      <option value="" selected="selected" disabled="disabled"> {{type || 'Property Type'}} </option>
    </select>
  </div>
  <div class="col-sm-2 pr10">
    <select class="PropertySubType" 
      ng-options="Sub.Value as Sub['Lable' + Lang] for Sub in SubType"
      ng-model="PropertySubType">
      <option value="" selected="selected" disabled="disabled">{{subType || 'Property Sub Type'}}</option>
    </select>
  </div>
</div>