javascript - AngularJS 选择下拉菜单 - 选择默认选项

Question

我有 AngluarJs 下拉菜单，每个选项“onchange”都会导航到另一个页面。这是代码:

   <select class="qtDropDown" 
           ng-model="Suggested" 
           ng-change="changeOption()" 
           ng-options="option.name for option in suggested">

J.

     $scope.suggested = StrategyService.getPredefinedStrategies();
     $scope.Suggested = $scope.suggested[0];

     $scope.changeOption = function () {
        var selectedStrategy = $scope.Suggested;
        var queryString = selectedStrategy.name.split(' ').join(''); 
        window.location.href(baseUrl+queryString);
     };       

这里的问题是，当我点击默认选择 $scope.suggested[0]; 时，它没有为用户导航。有人可以建议我在哪里做错了吗？

Answer 1

这很正常，因为当您选择 $scope.suggested[0] 时没有变化，因为它是您的默认设置。

防止它的一种方法是添加一个空白选项

<select class="qtDropDown" ng-model="Suggested" ng-change="changeOption()" 
ng-options="option.name for option in suggested">
    <option value=""> - Choose one of the following - </option>
</select>

这样，当您选择 $scope.suggested[0] 时，将触发更改。