0

I have a page with this html

<ion-content>
  <page-etapas-processo></page-etapas-processo>
  <page-retorno-financeiro></page-retorno-financeiro>
</ion-content>

Each component's declaration:

@Component({
  selector: 'page-retorno-financeiro',
  providers: [RetornoFinanceiroService],
  templateUrl: 'retorno-financeiro.html'
})

&

@Component({
  selector: 'page-etapas-processo',
  providers: [AcompanhamentosService],
  templateUrl: 'etapas-processo.html',
})

When those pages are rendered they have an output like this

<page-retorno-financeiro>
...
</page-retorno-financeiro>

<page-etapas-processo>
...
</page-etapas-processo>

I would like to render those pages without that selector tag surrounding them. How to do that?

I appreciate any help.

Ramon Marques
  • 3,046
  • 2
  • 23
  • 34
  • Why does it matter? –  Jun 22 '17 at 13:40
  • You're always going to need a router or selector template to render a template. If you swap to a router vs. selected it will display the router DOM instead of selector DOM – Z. Bagley Jun 22 '17 at 13:41
  • @torazaburo I'm trying to solve a bigger problem with that, if there is no way to do what I want, I would have to try another thing. A margin-bottom calculated by ionic framework problem. – Ramon Marques Jun 22 '17 at 13:47
  • If you have some style problems with these, you can just set `display: block;` on these "unknown" HTML element or some other display value. – Yordan Nikolov Jun 22 '17 at 13:52
  • @EdmundoRodrigues yeah that's what I was looking for. Thank you! – Ramon Marques Jun 22 '17 at 14:31
  • Can't you just override the `margin-bottom`? –  Jun 22 '17 at 17:00
  • @torazaburo I can, but it's calculated by the framework, so I would have to preview all kind of devices to create a '@media' and override the right way – Ramon Marques Jun 22 '17 at 18:15

0 Answers0