Ionic2切换根据方法

时间:2017-07-03 19:04:02

标签: html angular typescript ionic-framework

所以我已经搜索了所有可以找到的堆栈溢出,但我似乎无法解决这个问题。 我想要的是将页面视图上的开关切换为设置为持续的任何内容。切换的值应该是检查它是真还是假的方法的返回值。

<ion-toggle class="user-toggle" (ionChange)="userChange($event, user)" checked="isInChosen(user)"> </ion-toggle>

我确认当我使用标记checked="true"时,它会按预期工作并加载到加载时处于活动状态。但是,当放置isInChosen(user)时,无论方法的实际返回值如何,它始终都会返回false。相反,它根本不会调用该方法。 我觉得我在这里遗漏了一些明显的东西,我可能也是。

编辑:isInChosen(用户)的源代码

isInChosen(user) {
   return this.chosenUsers.indexOf(user) != -1;
}

userChange(event,user)

userChange(event, user) {
    if (this.isInChosen(user)) {
        var index = this.chosenUsers.indexOf(user);
        this.chosenUsers.splice(index, 1);

    } else {
        this.chosenUsers.push(user);
    }
}

1 个答案:

答案 0 :(得分:0)

好吧,我明白了。

我确实错过了一些明显的东西。忘了Angular2改变了一些东西,所以我不得不用方括号括起checked,如下所示:[checked]=