Кнопки в угловом 2

Question

У меня есть 2 кнопки в моем шаблоне, первый:

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

И второе:

<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> 

Последняя кнопка есть труба:

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

и как создайте трубу, которая может создать кнопку 'Start' (не 'Stop'), когда вторая кнопка 'Offline' (не 'Online')

Answer 1

Это можно обеспечить параметры для труб. Вот пример:

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

Вы сможете затем получить это значение в качестве параметра метода transform трубы.