【问题标题】:Multiple condition based click event in ionic 3 (Angular)ionic 3(Angular)中基于多个条件的点击事件
【发布时间】:2020-06-29 14:00:09
【问题描述】:

在我的离子应用程序中,我希望有一个基于条件的点击事件,

        <div class='class1' *ngIf='cndtn != "undefined"' 
          (click)='cndtn1 && cndtn2 then functionToCall()'>
          <ion-icon class='icon-location'></ion-icon>{{xxxx}}
          <ion-icon class='icon-arrow-right floatRight iconArrowRight'></ion-icon>
        </div>

在上面的代码中,functionToCall只有在cndtn1 &amp;&amp; cndtn2满足时才会执行,不知道怎么实现

【问题讨论】:

    标签: angular ionic-framework angular-directive


    【解决方案1】:

    为什么不直接打电话给functionToCall(),然后在那里检查cndtn1cndtn2。喜欢:

    functionToCall() {
       if (!cndtn1 || !cndtn2) {
           return;
       else {
       // do something
       }
    }
    

    【讨论】:

    • 还有很多其他的功能我需要设置相同的条件......所以我想在 html 文件而不是 ts 文件中管理它。我们可以做类似(click)="cndtn1 &amp;&amp; cndtn2 ? func() : xxx" 的事情吗???
    • @RageshPikalmunde 是的,我相信这是有效的语法。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-09
    • 1970-01-01
    相关资源
    最近更新 更多