Angular2: no hay proveedor para TemplateRef (ng2-bootstrap)

He estado intentando varias soluciones para este error, pero no encontré ninguna forma exitosa de superar esto:No hay proveedor para TemplateRef!

Registro de errores:

EXCEPCIÓN: No capturado (en promesa): Error: Error en la clase ./FooterComponent FooterComponent - plantilla en línea: 15: 20 causada por: ¡Ningún proveedor de TemplateRef! Error: Error en la clase ./FooterComponent FooterComponent - plantilla en línea: 15: 20 causada por: ¡Ningún proveedor de TemplateRef!

Rechazo de promesa no controlado: error en la clase ./FooterComponent FooterComponent - plantilla en línea: 15: 20 causada por: ¡Ningún proveedor de TemplateRef! ; Zona: angular; Tarea: Promise.then; Valor:

footer.component.ts

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

@Component({
  selector: 'sa-footer',
  templateUrl: './footer.component.html'
})
export class FooterComponent implements OnInit {

  constructor() {}

  ngOnInit() {}

}

footer.component.html

<div class="page-footer">
    <div class="row">
        <div class="col-xs-12 col-sm-6">
            <span class="txt-color-white">myAPP © 2016</span>
        </div>

        <div class="col-xs-6 col-sm-6 text-right hidden-xs">
            <div class="txt-color-white inline-block">
                <i class="txt-color-blueLight hidden-mobile">Last account activity <i class="fa fa-clock-o"></i>
                    <strong>52 mins ago &nbsp;</strong> </i>

                <div class="btn-group dropup" dropdown>
                    <button class="btn btn-xs dropdown-toggle bg-color-blue txt-color-white" dropdownToggle>
                        <i class="fa fa-link"></i> <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu pull-right text-left" dropdownMenu>
                        <li>
                            <div class="padding-5">
                                <p class="txt-color-darken font-sm no-margin">Download Progress</p>

                                <div class="progress progress-micro no-margin">
                                    <div class="progress-bar progress-bar-success" style="width: 50%;"></div>
                                </div>
                            </div>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <div class="padding-5">
                                <p class="txt-color-darken font-sm no-margin">Server Load</p>

                                <div class="progress progress-micro no-margin">
                                    <div class="progress-bar progress-bar-success" style="width: 20%;"></div>
                                </div>
                            </div>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <div class="padding-5">
                                <p class="txt-color-darken font-sm no-margin">Memory Load <span class="text-danger">*critical*</span>
                                </p>

                                <div class="progress progress-micro no-margin">
                                    <div class="progress-bar progress-bar-danger" style="width: 70%;"></div>
                                </div>
                            </div>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <div class="padding-5">
                                <button class="btn btn-block btn-default">refresh</button>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

Traté de hacer lo siguiente:

Investigación: Pero solo encontré respuestas / soluciones para plantillas que realmente contienen algunas directivas comongIf, ngSwitch, etc. (Olvidando el*, por ejemplo)

AñadirTemplateRef aproviders. Esto es lo que obtengo:

Argumento de tipo '{selector: string; templateUrl: string; proveedores: typeof TemplateRef []; } 'no es asignable al parámetro de tipo' Componente '. Los tipos de 'proveedores' de propiedades son incompatibles. El tipo 'typeof TemplateRef []' no se puede asignar al tipo 'Proveedor []'. El tipo 'typeof TemplateRef' no es asignable para escribir 'Proveedor'. El tipo 'typeof TemplateRef' no es asignable para escribir 'FactoryProvider'. Falta la propiedad 'proporcionar' en el tipo 'typeof TemplateRef'.

Intentaré ver cómo agregar de alguna maneraTemplateRef al módulo de la aplicaciónproviders. Pero no sé si esta es la solución. Espero que alguien salga con una solución mientras sigo investigando.

¡Gracias! :RE