离子按钮状态改变

时间:2017-04-11 15:01:33

标签: javascript angularjs ionic-framework ionic2

我正在尝试更换离子选择选项并在两个按钮中实现选项。有人可以通过以下代码告诉我们如何做到这一点?

<ion-list>
        <ion-item no-lines>
            <ion-label>{{ 'SELECT_LANGUAGE' | translate }}</ion-label>
            <ion-select [(ngModel)]="languageSelected" (ionChange)='setLanguage()' [cancelText]="'CANCEL' | translate">
              <ion-option *ngFor="let item of languages" [value]="item.code">{{item.name}}</ion-option>
            </ion-select>
          </ion-item>
        </ion-list>

上面是使用选择选项,下面生成两个按钮,但我希​​望能够单击每个按钮来更改状态。

<button ion-button large *ngFor="let item of languages" [value]="item.code">{{item.name}}</button>

1 个答案:

答案 0 :(得分:0)

希望这对你有用谢谢: - )

<div *ngFor="let item of languages">
<button ion-button large
    [value]="item.code">
        {{item.name}}
</button>
</div>