src/app/components/payments/payment-payto-label/payment-payto-label.component.ts
| selector | app-payment-payto-label |
| styleUrls | ./payment-payto-label.component.css |
| templateUrl | ./payment-payto-label.component.html |
Methods |
Inputs |
constructor(materialService: MaterialService)
|
||||||
|
Parameters :
|
| payment | |
Type : Payment
|
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
import 'rxjs/add/operator/filter';
import { Payment } from '../../../models';
import { MaterialService } from '../../../providers';
@Component({
selector: 'app-payment-payto-label',
templateUrl: './payment-payto-label.component.html',
styleUrls: ['./payment-payto-label.component.css']
})
export class PaymentPayToLabelComponent implements OnInit {
@Input() payment: Payment;
constructor(private materialService: MaterialService) {}
ngOnInit() {
this.materialService.render();
}
}
<span id="paymentToLabel">
<span *ngIf="!payment.displayName || payment.displayName.length < 1">{{payment.payToName}}</span>
<span *ngIf="payment.displayName && payment.displayName.length > 0">{{payment.displayName}}</span>
- {{payment.payToBankAccount | mask}}
</span>
./payment-payto-label.component.css