Angularjs选择多个选项不起作用

时间:2017-04-04 21:04:45

标签: angularjs json controller

我使用来自Web API的数据填充选择倍数,但我想在另一个查询中显示所选值但它不起作用

模型

$scope.clickevent = function (id, name) {
    $scope.id = id

    $scope.fleetFeatures = fleetFeatures.list;

    $http.get(myUrl + "FleetFeatures/Selected?id_fleet=" + $scope.id).then(function (data) {
        $scope.selectedFeatures = data.data;
    });
}

查看

       <div class="input-field col s12">
            <select class="" id="features" ng-model="selectedFeatures" ng-options="item.FleetFeatureId as item.FleetFeatureName for item in fleetFeatures" multiple material-select watch>
                    <option value="" disabled selected>{{translation.fleet5}}</option>
                </select>
        </div>

fleetFeatures

[{"$id":"1","Fleet_FleetFeatures":[],"FleetFeatureId":1,"FleetFeatureName":"Advanced Geocoding Features","FleetFeatureCode":1,"FleetFeatureData":null},{"$id":"2","Fleet_FleetFeatures":[],"FleetFeatureId":2,"FleetFeatureName":"feature 2","FleetFeatureCode":2,"FleetFeatureData":null},{"$id":"3","Fleet_FleetFeatures":[],"FleetFeatureId":3,"FleetFeatureName":"feature 3","FleetFeatureCode":672,"FleetFeatureData":null}]

selectedFeatures

[{"$id":"1","FleetFeatureId":3},{"$id":"2","FleetFeatureId":1}]

我在代码中遗漏了一些东西,因为选择我加载它但它没有显示我选择的任何内容

提前致谢

1 个答案:

答案 0 :(得分:2)

由于您已经通过FleetFeatureId抓取item.FleetFeatureId as item.FleetFeatureName而不是整个项目。您应该指定selectedFeatures应该如下所示

[3, 1]