### 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>`
Defined in src/app/checkout/payment/payment-modes-list/cash-on-delivery/cash-on-delivery.component.ts:10

### Constructor

`constructor()`
Defined in src/app/checkout/payment/payment-modes-list/cash-on-delivery/cash-on-delivery.component.ts:10

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/checkout/payment/payment-modes-list/cash-on-delivery/cash-on-delivery.component.ts:14
Returns: `void`

onPay
`onPay()`
Defined in src/app/checkout/payment/payment-modes-list/cash-on-delivery/cash-on-delivery.component.ts:17
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 ""