在Angular 2中的条件下调用函数 [英] Call function on condition in Angular 2

问题描述

我有这样的模板

 <div class="action" *ngFor="let action of (actions | async)">
          <div
            class="collapsible action-table-row"
            [attr.aria-expanded]="actionCollapse.isActive()"
            [class.collapse-table-row]="actionCollapse.isActive()"
            (click)="openActionCollapse(actionCollapse)"

          >

如果条件满足，我想调用一个函数

I want to call a function if condition satisfied, something like this

 <div class="action" *ngFor="let action of (actions | async)">
          <div
            class="collapsible action-table-row"
            [attr.aria-expanded]="actionCollapse.isActive()"
            [class.collapse-table-row]="actionCollapse.isActive()"
            (click)="openActionCollapse(actionCollapse)"
            (action.value=="")="callfunction()" //<---- here
          >

我如何实现这一目标.

推荐答案

<div class="action" *ngFor="let action of (actions | async)">
          <div
            class="collapsible action-table-row"
            [attr.aria-expanded]="actionCollapse.isActive()"
            [class.collapse-table-row]="actionCollapse.isActive()"
            (click)="openActionCollapse(actionCollapse)">

         {{ action.value=="something" ? callfunction() : '' }} //<---- here

</div>

---

推荐方式:

<div class="action" *ngFor="let action of (actions | async)">
          <div
            class="collapsible action-table-row"
            [attr.aria-expanded]="actionCollapse.isActive()"
            [class.collapse-table-row]="actionCollapse.isActive()"
            (click)="openActionCollapse(actionCollapse)">

        {{ action.value=="something" ? someVar : '' }} //<---- here

</div>

constructor(){
     this.someVar=this.callfunction();
}

callfunction()
{
   return "something";
}

这篇关于在Angular 2中的条件下调用函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！