D-Net

import {Component, Input} from '@angular/core';

import {Router, ROUTER_DIRECTIVES} from '@angular/router-deprecated';

@Component({

    selector: 'showTitle',

    template: `

        <h2 *ngIf="title != undefined">

            <div *ngIf="title['url'] != undefined">

                <a class="custom-external" href="{{title['url']}}" target="_blank">

                    <div [innerHTML]="title['name']"></div>

                </a>

            </div>

            <div *ngIf="title['url'] == undefined">

                <div [innerHTML]="title['name']"></div>

            </div>

        </h2>

    `

    ,

        directives: [

          ...ROUTER_DIRECTIVES

        ]

    })

export class ShowTitleComponent {

    @Input() title: { [key: string]: string };

    constructor (private _router: Router) {

        console.info('title constructor');

    }

    ngOnInit() {

    }

}