title: how to change ionic text colors when some condition occur
body: <p>in my ionic project i want some conditional colors for text.
  that is ,i receive a data from API, if it is " Landed" the text want to display in Green color, if "Cancelled" the text want to display in red color.how to possible.</p>
  
  <p>Arrival.ts</p>
  
  <pre><code>export class ArrivalsPage {
    objectData: any = [];
  .................
  ...................
    }
    get_arrivalflights() {
      var communicationParams = {
        showLoader: true,
        reqUrl: "",
        reqBody: {},
        callBackSuccess: (response) =&gt; {
          console.log(response);
          this.objectData = response.flightStatuses;
  
          //this.publishedDeparture = response.flightStatuses.operationalTimes;
        },
        callBackFailure: (response) =&gt; { console.log("failure dude"); console.log(response); }
      };
      this.restservice.makeGetRequest(communicationParams);
    }
  </code></pre>
  
  <p>Arrival.html</p>
  
  <pre><code>  &lt;ion-card *ngFor= "let item of objectData" (click)="goToArrivalflightDetails(item,item.operationalTimes.publishedArrival.dateLocal,item.operationalTimes.actualRunwayArrival.dateLocal,item.airportResources.departureTerminal);"&gt;
  
      &lt;ion-card-content&gt;
        &lt;p&gt;&lt;span&gt;{{item.departureAirportFsCode}}&lt;/span&gt;&lt;/p&gt;
        &lt;p&gt;&lt;span&gt;{{item.carrierFsCode}}{{item.flightNumber}}&lt;/span&gt;&lt;/p&gt;
        &lt;!--&lt;P&gt;{{item.operationalTimes.publishedArrival.dateLocal | mattDamon}}&lt;/P&gt;--&gt;
        &lt;p&gt;{{item.status | statusupdator}}&lt;/p&gt;
  
      &lt;/ion-card-content&gt;
  
    &lt;/ion-card&gt;
  </code></pre>
  
  <p>statusupdator is pipe:</p>
  
  <pre><code>@Pipe({
    name: 'statusupdator'
  })
  export class StatusUpdater {
    transform(value, args) {
      let status=value;
      if(value=='L')
      {
        status='Landed'
      }
      if(value=='A')
      {
        status='Estimated'
      }
      if(value=='C')
      {
        status='Cancelled'
      }
      if(value=='S')
      {
        status='Scheduled'
      }
      if(value=='U') {
        status = 'Unknown'
  
      }
      return status;
    }
  </code></pre>
  
  <p>in this code i want to display  <code>&lt;p&gt;{{item.status | statusupdator}}&lt;/p&gt;</code>
  in colors when item.status will occur the condition.</p>