Javascript 离子定向fancySelect

我使用fancySelect和Ionic框架实现多个选择选项

我对爱奥尼亚的框架有点陌生

问题：我希望默认情况下选择fancySelect中的某些项目

代码笔：

我该怎么做

感谢您的帮助

enter code here

谢谢，

---

DS

它主要是角形的，而不是离子型的。初始化将在选择中使用的项目数组时，set item.checked=true；请参见代码笔中js源代码中的第164行和HTML源代码中的第78+行

<script>
var $scope.countries = [
  {id: 1, name: 'United States', checked: true},
  {id: 2, name: 'Germany',       checked: false}
]
</script>


<ion-toggle
     ng-repeat="item in items"
     ng-if="multiSelect"
     ng-checked="item.checked"
     ng-model="item.checked"
     class="item item-text-wrap">

因此，标签变成：

<!-- Single select -->
<label
   ng-repeat="item in items"
   ng-if="!multiSelect"
   class="item item-text-wrap"
   ng-class="{selected : item.checked}"
   ng-click='validateSingle(item)'>

如果您想让所选国家/地区显示为fancy select的标签，类似这样的内容可能会起作用：

$scope.countries_text_single = $scope.countries[0].name;

---

哪一部分你不明白？例如，在代码笔中，当页面加载时，我希望默认选择一个国家。我该怎么做？有什么想法吗？不确定我是否理解正确，你想让模态中的内容显示为登录页吗？

.selected {
  background-color: red !important;
}

$scope.countries_text_single = $scope.countries[0].name;