File

src/app/checkout/address/delivery-address/delivery-address.component.ts

Implements

OnInit

Metadata

selector app-delivery-address
styleUrls delivery-address.component.scss
templateUrl ./delivery-address.component.html

Inputs

address

Type: Address

Constructor

constructor()

Methods

ngOnInit
ngOnInit()
Returns: void
import { Address } from './../../../core/models/address';
import { Component, OnInit, Input } from '@angular/core';

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

  @Input() address: Address;

  constructor() { }

  ngOnInit() {
  }

}
<div class="items">
  <div class="address-row">
    <div class="name">{{address.full_name}}</div>
    <div class="address">
      <div class="address-content">
        <div class="address-field">{{address.address1}}</div>
        <div class="address-field">{{address.address2}}</div>
        <span class="address-field">{{address.city}}</span>
        <span class="address-field">-{{address.zipcode}}</span>
        <div class="mob">
          <span class="mob-lbl">Mobile: </span>
          <span class="mob-no">{{address.phone}}</span>
        </div>
      </div>
    </div>
    <div class="serviceability">
      <div class="try-and-buy">
        <span class="mid-dot">•</span>
        Try and Buy available
      </div>
      <div class="cod">
        <span class="mid-dot">•</span>
        Cash/Card on Delivery available
      </div>
      <div class="standard">
        <span class="mid-dot">•</span>
        Standard Delivery available
      </div>
    </div>
    <button class="select"></button>
    <!--<div class="remove-edit">
      <span class="remove">Remove</span>
      <span class="edit">Edit</span>
    </div>-->
  </div>
</div>
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""