使用ngFor创建具有条件禁用状态的按钮

时间:2017-11-12 21:54:39

标签: angular cordova ngfor

我试图使用ngFor创建一个来自数组的按钮列表。 我能够实现这一点,但我的问题是我需要在某些"数字"之后禁用按钮。因为用户尚未达到该级别。

我想要创建的示例:(如果尚未达到按钮/级别则禁用)

created button example

HTML文件:

$userName = $_SESSION['username'];
$user = mysqli_fetch_assoc(mysqli_query($con, "SELECT * FROM users WHERE username='$userName' "));

TS文件:

<ion-content padding>
    <ion-list>
      <button class="chap_btn" id="{{'btn_'+p}}" ion-button outline *ngFor="let p of pages" (click)="openPage(p)" [disabled]="setDisabled(p)">{{p}}</button>
    </ion-list>
</ion-content>

当&#34; p&#34;时,如何将按钮设置为禁用? (数字)超出了用户级别?

谢谢

1 个答案:

答案 0 :(得分:1)

根据以下条件更改disabled属性:

<button [disabled]="p > glob.hlobalLevel.userLevel">