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

Outputs

changePaymentMode $event type: EventEmitter<PaymentMode>

Constructor

constructor()

Methods

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>
  
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""