Angular2 - Nenhum provedor para TemplateRef (ng2-bootstrap)

Eu tenho tentado várias soluções para esse erro, mas não encontrou nenhuma maneira bem-sucedida de superar isso:Nenhum provedor de TemplateRef!

Log de erro:

EXCEÇÃO: Não capturado (na promessa): Erro: Erro na classe ./FooterComponent FooterComponent - modelo em linha: 15: 20 causado por: Nenhum provedor para TemplateRef! Erro: Erro na classe ./FooterComponent FooterComponent - modelo embutido: 15: 20 causado por: Nenhum provedor de TemplateRef!

Não tratada Promessa de rejeição: Erro na classe ./FooterComponent FooterComponent - modelo em linha: 15: 20 causado por: Nenhum provedor para TemplateRef! ; Zona: angular; Tarefa: 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>

Eu tentei fazer o seguinte:

Pesquisa: Mas apenas encontrei respostas / soluções para modelos que realmente contêm algumas diretivas comongIf, ngSwitch, etc. (Esquecendo o*, por exemplo)

Adicionar, acrescentarTemplateRef paraproviders. Isto é o que eu recebo:

Argumento do tipo '{selector: string; templateUrl: string; provedores: typeof TemplateRef []; } 'não é atribuível ao parâmetro do tipo' Component '. Os tipos de 'fornecedores' de propriedades são incompatíveis. O tipo 'typeof TemplateRef []' não pode ser atribuído ao tipo 'Provider []'. O tipo 'typeof TemplateRef' não pode ser atribuído ao tipo 'Provider'. O tipo 'typeof TemplateRef' não pode ser atribuído ao tipo 'FactoryProvider'. A propriedade 'fornecer' está ausente no tipo 'typeof TemplateRef'.

Vou tentar ver como adicionar de alguma formaTemplateRef para o módulo do aplicativoproviders. Mas não sei se essa é a solução. Espero que alguém saia com uma solução enquanto continuo pesquisando.

Obrigado! : D

questionAnswers(1)

yourAnswerToTheQuestion