File

src/app/checkout/payment/payment-modes-list/cash-on-delivery/cash-on-delivery.component.ts

Implements

OnInit

Metadata

selector app-cash-on-delivery
styleUrls cash-on-delivery.component.scss
templateUrl ./cash-on-delivery.component.html

Outputs

payOnDelivery $event type: EventEmitter<boolean>

Constructor

constructor()

Methods

ngOnInit
ngOnInit()
Returns: void
onPay
onPay()
Returns: void
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';

@Component({
  selector: 'app-cash-on-delivery',
  templateUrl: './cash-on-delivery.component.html',
  styleUrls: ['./cash-on-delivery.component.scss']
})
export class CashOnDeliveryComponent implements OnInit {

  @Output() payOnDelivery: EventEmitter<boolean> = new EventEmitter<boolean>();

  constructor() { }

  ngOnInit() {
  }

  onPay() {
    this.payOnDelivery.emit(true);
  }

}
<div class="cod-block">
	<div class="section-help">
		<span class="lbl">
			Cash/Card On Delivery
		</span>
		<span class="sub-lbl">
			Pay with Cash or Card when your order is delivered
		</span>
	</div>
	<div class="cod-info">
		NOTE: All authorised notes are accepted. Credit/Debit cards are also accepted.
	</div>
</div>

<div class="pay-btn-wrap">
	<button (click)="onPay()" class="pay-btn">PAY ON DELIVERY</button>
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""