【问题标题】:Ionic2 toggle change toggle button state based on methodIonic2 toggle 基于方法更改切换按钮状态
【发布时间】:2017-12-07 03:01:49
【问题描述】:

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

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

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

编辑:isInChosen(user) 的源代码

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

userChange(事件,用户)

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

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

【问题讨论】:

  • 请同时提供函数userChangeisInChosen的源码。

标签: html angular typescript ionic-framework


【解决方案1】:

我确实错过了一些明显的东西。忘记了 Angular2 改变了一些东西,所以我不得不用方括号括起来 checked,就像这样:[checked]=

【讨论】:

    猜你喜欢
    • 2017-08-29
    • 1970-01-01
    • 2020-01-04
    • 2018-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-12-25
    • 2023-03-17
    • 1970-01-01
    相关资源
    最近更新 更多