File

src/app/components/footer/footer.component.ts

Description

Un comentario del footer de nuevo

Implements

OnInit

Metadata

selector blog-footer
styleUrls ./footer.component.css
templateUrl ./footer.component.html

Index

Properties
Methods

Methods

Private holaMundo
holaMundo()
Example :
Mostrarnos un saludo con contenido "hola"
Returns : string

Devuelve un saludo con contenido 'hola'

Protected holaMundoPersonalizado
holaMundoPersonalizado(nombre: string, apellido: string)

Hola saludo

Parameters :
Name Type Optional Description
nombre string No

Nombre al que vamos a saludar

apellido string No

Apellido del que vamos a saludar

Example :
Tenemos como nombre Anartz
Tenemos como apellido Mugika
Mostrarnos un saludo con contenido "hola Anartz Mugika"
Returns : string

Devuelve un saludo con contenido 'hola'

ngOnInit
ngOnInit()

Init!!!

Returns : void

Properties

author
author: string
Type : string
Default value : 'Anartz Mugika Ledo'

Comentario inicial 1 Comentario inicial 2

import { SharedElement } from './../../interfaces/shared-element.interface';
import { Component, OnInit } from '@angular/core';

/**
 * Un comentario del footer de nuevo
 */
@Component({
  selector: 'blog-footer',
  templateUrl: './footer.component.html',
  styleUrls: ['./footer.component.css']
})
export class FooterComponent implements OnInit {
  /**
   * @ignore
   */
  currentYear: number = new Date().getFullYear();

  /**
   * Comentario inicial 1
   * Comentario inicial 2
   */
  author = 'Anartz Mugika Ledo';

  /**
   * @ignore
   */
  sharedElements: SharedElement[] = [
    {
      url: 'https://twitter.com/',
      path: 'mugan86',
      icon: 'fab fa-twitter'
    },
    {
      url: 'https://github.com/',
      path: 'mugan86',
      icon: 'fab fa-github'
    },
    {
      url: 'https://www.linkedin.com/in/',
      path: 'anartz-mugika-0007a062',
      icon: 'fab fa-linkedin'
    },
    {
      url: 'https://bintray.com/',
      path: 'amugika/maven',
      icon: 'fas fa-frog'
    },
    {
      url: 'https://npmjs.com/',
      path: '~mugan86',
      icon: 'fab fa-npm'
    }
  ];
  /**
   * Init!!!
   */
  ngOnInit() {
    console.log('Hola');
  }

  /**
   * Hola saludo
   * {@link http://www.github.com Me voy a subir mis cambios del codigo a Github!!!}
   * @example
   * Mostrarnos un saludo con contenido \"hola\"
   * @returns Devuelve un saludo con contenido 'hola'
   */
  private holaMundo(): string {
    return 'hola';
  }

  /**
   * Hola saludo
   * @example
   * Tenemos como nombre Anartz
   * Tenemos como apellido Mugika
   * Mostrarnos un saludo con contenido \"hola Anartz Mugika\"
   * @param nombre Nombre al que vamos a saludar
   * @param apellido Apellido del que vamos a saludar
   * @returns Devuelve un saludo con contenido 'hola'
   */
  protected holaMundoPersonalizado(nombre: string, apellido: string): string {
    return 'hola ' + nombre + ' ' + apellido;
  }
}


<footer>
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-md-10 mx-auto">
        <ul class="list-inline text-center">
          <li class="list-inline-item" *ngFor="let element of sharedElements">
            <a href="{{ element.url }}{{ element.path }}/" target="_blank">
              <span class="fa-stack fa-lg">
                <i class="fas fa-circle fa-stack-2x"></i>
                <i class="{{ element.icon }} fa-stack-1x fa-inverse"></i>
              </span>
            </a>
          </li>
        </ul>
        <p class="copyright text-muted">Copyright &copy; {{ author }} {{ currentYear }}</p>
      </div>
    </div>
  </div>
</footer>

./footer.component.css

Legend
Html element
Component
Html element with directive

result-matching ""

    No results matching ""