2

我正在使用 AngularJS 和 AngularStrap(指令 Select,基于 Silvio Moreto 制作的 Bootstrap-Select)。我有下一个问题:

我有很多汽车品牌。使用 ng-options,我将它们像选项一样放在选择中。换句话说,当我选择一个选项(汽车品牌)时,我会得到这个汽车品牌的不同型号,并将它们显示为另一个选择中的选项。

问题是当我使用 AngularStrap 指令选择时,它不能很好地工作。我第一次选择一个汽车品牌,它工作正常,但下一个选择的选项(汽车品牌),它显示选择的汽车品牌的型号和选择的前一个汽车品牌的第一个型号。

当我不使用 AngularStrap 选择时,它运行良好,因此我认为问题出在 AngularStrap 选择中。

谢谢你的帮助。

我的代码是下一个:

HTML:

<select ng-model="selectBrand" ng-options="carBrand.id as boatBrand.name for boatBrand in boatBrands" bs-select >
<optionvalue="">CarBrand</option>
</select> 

<select ng-model="selectModel" ng-options="carModel.id as carModel.name for boatModel in carModels" bs-select>
<option value="">CarModel</option>
</select>

控制器(JS):

 $scope.carBrands = carBrand.query();
 $scope.$watch('selectBrand', function() { 
    $scope.carModels = carModel.query({type_id: $scope.selectBrand});
 };
4

2 回答 2

0

我意识到这已经过时了,但是我在 Chosen Select 插件和 ng-options 的动态列表中遇到了类似的问题。我终于通过将我的选项查询包装在 $timeout 中解决了这个问题。

            $timeout(function () {
                $scope.carModels = carModel.query({type_id: $scope.selectBrand});
            });

于 2014-10-23T19:35:18.553 回答
0

我能够对select元素使用 AngularStrap 选择支持的唯一方法是使用 ng-options 并且没有选项元素作为<select>.

于 2014-12-18T17:51:57.820 回答