使用 chosen 和 angularJS 使选项默认选中

Question

我不确定为什么默认情况下未选择该选项，这些值是硬编码的，我在选项标签上明确添加了 'selected' 属性，但它不起作用。我也试过 selected="selected" 但还是不行。

在视图中：

<div class="controls">
            <select chosen="" data-ng-model="assignments"  multiple="" 
                    class="span chzn-select" style="width: 150px">
                <option value="Police">Police</option>
                <option selected value="Reporter">Reporter</option>
                <option value="Developer">Developer</option>
            </select>
        </div>

Answer 1

如果您没有 multiple 属性，这将起作用。为了让这个 wto 与多个 select 一起工作，你需要使用 ng-options 设置它，然后存储一个应该 selected 的数组。看到这个 fiddle:https://jsfiddle.net/btqLg76v/1/

JS:

var app = angular.module('MyApp', []);

app.controller('MyController', function($scope) {
  $scope.selectOptions = ['Police','Reporter','Developer'];
  $scope.assignments = [$scope.selectOptions[0],$scope.selectOptions[2]];
  console.log($scope.assignments);
});

HTML:

<body ng-app="MyApp">
  <div ng-controller="MyController">
    <select ng-model="assignments" ng-options="selectOptions for selectOptions in selectOptions" multiple>
    </select>
  </div>
</body>

使用 chosen 和 angularJS 使选项默认选中

Make option selected by default using chosen and angularJS

angularjs

angular-chosen