javascript - Ionic 2 - 将 ngFor 中的第一个值选择为 true

标签 javascript ionic-framework ionic2

我想显示一个选择列表,其中选择 ngFor 数组中的第一个值。

我的代码是:

<ion-select [(ngModel)]="account" (change)="changeAccount(account)">
  <ion-option *ngFor="#userAccount of userAccountData" value="{{ userAccount.name}}">{{ userAccount.name}}</ion-option>
  <ion-option value="new" checked="false">New Account</ion-option>
</ion-select>

我想知道如何放置checked="true"这样它仅适用于 ngFor 循环的第一个值。

注意:我使用的是旧版本的 Ionic 2 ( 2.0.0-beta.4 ),因此语法与使用 selected="true" 的当前版本不同。 。但如果有任何建议,我们将不胜感激!

最佳答案

您可以使用ngModel代替checked="true"

在你的 .js 中:

  this.account = this.userAccountData[0].name;

基本上,这与 checked 的工作方式相同。

关于javascript - Ionic 2 - 将 ngFor 中的第一个值选择为 true,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43970479/

相关文章:

google-maps - 谷歌地图只加载第一次,第二次是灰色的

ubuntu - 我必须在 ubuntu 中使用 sudo -E run android 而不是 ionic run android 为什么任何人都可以给出答案

android - "ionic cordova run android"不适用于 cordova-android@7.0.0

javascript - jQuery $.extend[ing] 带有返回空函数参数的函数

javascript - 填满所有字段后的事件

angular - Ionic 2 - 为 "long press"事件指令设置回调

angular - 是否有 ionic 2 的 bundle 可以在 js fiddle 中使用?

javascript - 在 Highchart 的刻度上应用自定义样式

javascript - 意外字符 = 当使用带有 webpack/babel env 预设的箭头函数时

angular - 在 ionic 项目中输出 XML 文件数据