Question

我正在使用离子多选。根据离体喜好选择项目，我们需要初始化可选项目，在选择中，我们可以添加一些要默认检查的项目。

因为，根据指令，我在$ scope.selected中添加了一些元素，在html中我给了selected =“selected”。但是，我在$ scope.selected中添加的项目默认标记为已选中。我添加了一个plunker链接，我试过这个。 https://plnkr.co/edit/ZlhZOZVcDGuIxRyEtCfv?p=preview

在script.js中：

$scope.selectable = [{
        "fname" : "Ghaffar",
        "lname" : "Peterman",
        "group" : "Good"
    }, {
        "fname" : "Arturo",
        "lname" : "Sessa",
        "group" : "Good"
    }, ....{
        "fname" : "Marqueal",
        "lname" : "Wright",
        "group" : "Better"
    }
];

$scope.selected = [{
        "fname" : "Ghaffar",
        "lname" : "Peterman",
        "group" : "Good"
    }, {
        "fname" : "Arturo",
        "lname" : "Sessa",
        "group" : "Good"
    }
];

在html中：

 <div class="item item-select" fancy-select ng-model="multi1" multi-select="true" items="selectable" selected ="selected" item-label="fname+ ' ' +lname">
    {{parseMulti(multi1) || 'Select Items'}}
 </div>

请帮助我解决这个问题。

Answer 1

我在selected: true数组中默认选择的元素中添加了selectable属性：

  $scope.selectable = [{
    "fname": "Ghaffar",
    "lname": "Peterman",
    "group": "Good",
    selected: true
  }, {
    "fname": "Arturo",
    "lname": "Sessa",
    "group": "Good",
    selected: true
  }, {
    "fname": "Bilal",
    "lname": "Cox",
    "group": "Best"
  }
  ...

然后我使用forEach（）循环填充selected数组。

我认为ng-model和ng-selected应该是相同的范围变量。

这是Plunker的更新：https://plnkr.co/edit/7RP8cx1Z1rm4Lrbz7DBf

无法使用ionic fancy select指令显示默认选择的项目

1 个答案: