### File

`src/app/checkout/payment/payment-modes-list/payment-mode/payment-mode.component.ts`

### Implements

`OnInit`

### Metadata

selector | `app-payment-mode`
styleUrls | `payment-mode.component.scss`
templateUrl | `./payment-mode.component.html`

### Inputs

`paymentMode` | Type: `PaymentMode`
Defined in src/app/checkout/payment/payment-modes-list/payment-mode/payment-mode.component.ts:11

### Outputs

`changePaymentMode` | `$event` type: `EventEmitter<PaymentMode>`
Defined in src/app/checkout/payment/payment-modes-list/payment-mode/payment-mode.component.ts:12

### Constructor

`constructor()`
Defined in src/app/checkout/payment/payment-modes-list/payment-mode/payment-mode.component.ts:12

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/checkout/payment/payment-modes-list/payment-mode/payment-mode.component.ts:16
Returns: `void`

onSelectPaymentMode
`onSelectPaymentMode()`
Defined in src/app/checkout/payment/payment-modes-list/payment-mode/payment-mode.component.ts:19
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>

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""