Buttons in Winkel 2

Question

Ich habe 2 Schaltflächen in meiner Vorlage, die ersten:

<button 
[style.background-color]="service_rec.status == 
'Online' ? 'green' : 'red'" class="btn btn-default"> 
       {{ service_rec.status }} 
</button> 

Und zweitens:

<button *ngIf="!!service_rec.servicecontrolled" 
    [style.background-color]="service_rec.controlled == 
    'true' ? 'green' : 'orange'" 
    class="btn btn-warning" 
    (click)="onPost(service_rec.title, service_rec.status, service_rec.id)"> 
    {{ service_rec.servicecontrolled | json | toOnOff }} 
</button> 

Letzte Taste Rohr hat:

@Pipe({ name: 'toOnOff' }) 
    export class OnOffPipe implements PipeTransform { 
    transform(value: boolean): string { 
    return (!!value) ? 'Stop' : 'false'; 
    } 
} 

Und wie zu Erstellen Sie eine Pipe, die in der Lage ist, eine 'Start' (nicht 'Stop') Schaltfläche zu erstellen, wenn die zweite Schaltfläche 'Offline' ist (nicht 'Online')

Answer 1

Es ist möglich, Parameter zu Rohren zu schaffen. Hier ist ein Beispiel:

{{ service_rec.servicecontrolled | json | toOnOff:'some value' }} 
{{ service_rec.servicecontrolled | json | toOnOff:someProp }} 

Sie werden in der Lage sein, diesen Wert dann als Parameter der transform Methode des Rohres zu erhalten.