角度为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方法的参数。