src/app/checkout/payment/payment-modes-list/payment-mode/payment-mode.component.ts
selector | app-payment-mode |
styleUrls | payment-mode.component.scss |
templateUrl | ./payment-mode.component.html |
paymentMode
|
Type: |
changePaymentMode
|
$event type: EventEmitter<PaymentMode>
|
constructor()
|
ngOnInit |
ngOnInit()
|
Returns:
void
|
onSelectPaymentMode |
onSelectPaymentMode()
|
Returns:
void
|
import { PaymentMode } from './../../../../core/models/payment_mode';
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'app-payment-mode',
templateUrl: './payment-mode.component.html',
styleUrls: ['./payment-mode.component.scss']
})
export class PaymentModeComponent implements OnInit {
@Input() paymentMode: PaymentMode;
@Output() changePaymentMode: EventEmitter<PaymentMode> = new EventEmitter<PaymentMode>();
constructor() { }
ngOnInit() {
}
onSelectPaymentMode() {
this.changePaymentMode.emit(this.paymentMode);
}
}
<!--<div>
<label for="payment">{{paymentMode.name}}</label>
<input id="payment" type="radio" name="radiogroup"
[checked]="paymentMode.name === 'Check'"
[value]="paymentMode.id"
(change)="onSelectPaymentMode()">
</div>-->
<div>
{{paymentMode.name}}
</div>