默认情况下使用selected和angularJS选择选项

时间:2016-08-05 23:21:47

标签: angularjs angular-chosen

我不确定为什么默认情况下没有选择该选项,这些值是硬编码的,我在选项标签上明确添加了'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>

1 个答案:

答案 0 :(得分:1)

如果您没有多重属性,这将有效。为了使这个wto与多块选择一起工作,你需要使用ng-options进行设置,然后存储一个应该选择的数组。看到这个小提琴: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>