CODE WITH EDD | PLANTILLA FOOTER (Componente Angular)

Plantilla reutilizable para generar un componente en Angular para el footer de cualquier proyecto web.

Archivo footer.component.html

<footer>
    <div class="p-grid footer p-mt-4">
        <div class="p-col-12 p-sm-12">
            <div class="p-text-center">
                <img src="../../../../assets/imgs/footer-icon-128x128.png" height="40" title="Hanbai Pedidos" alt="Hanbai Pedidos" class="p-mr-2"> 2020 {{title}}. Versión {{version}}
            </div>
        </div>
    </div>
</footer>

Achivo footer.component.ts

import { Component, OnInit } from '@angular/core';
import { Global } from 'src/app/services/ng-global/global';

@Component({
  selector: 'app-footer',
  templateUrl: './footer.component.html',
  styleUrls: ['./footer.component.css']
})
export class FooterComponent implements OnInit {
  public company = '';
  public title = '';
  public version = '';

  constructor() { }

  ngOnInit(): void {
    this.company = Global.company;
    this.title = Global.title;
    this.version = Global.version;
  }

}

Se utiliza PrimeNG en el proyecto.

PLANTILLA FOOTER (Componente Angular)

Edd Lozano

Web | + posts

Full Stack Web Developer && SDK SAPB1 Developer.

Melómano, Gamer (Xbox), Comprador compulsivo de Amazon y Posiblemente con TDAH.