Retrieve the HTML from an imported component

Question

Is there a way to retrieve the HTML from a imported component in Ionic2/Angular2?

So, for example:

import {A} from '../../components/a/a';

console.log(A.html());

Something similar to this - obviously there is no html method attached to the component here but I'm after something similar.

`ViewChild` or `ViewChildren` to the rescue – Rahul Singh Sep 12 '17 at 06:54 — Rahul Singh, Sep 12 '17 at 06:54

score 2 · Answer 1 · answered Sep 12 '17 at 06:56

2

I've never done that, but if I had to do it, it'd be something like this

import { A } from './a';
import { ViewChild } from '@angular/core';

// ...
@ViewChild('A') a: A;

Then I guess, in that variable, you could retrieve your HTML.

answered Sep 12 '17 at 06:56

In order for that to work, `A` has to be part of the view. – Faisal Sep 12 '17 at 07:25
true. But I wonder if you don't use ViewChild, maybe you can just have it as a simple variable ? – Sep 12 '17 at 07:27
No, that wont work. That will not return html template as far as I know. – Faisal Sep 12 '17 at 07:39
But maybe there's a property in the object to get it ? – Sep 12 '17 at 07:39
@Faisal So there's no way at all to get the HTML of a component? – Josh Sep 12 '17 at 08:33
there is, see this answer: https://stackoverflow.com/a/45499616/1791913 – Faisal Sep 12 '17 at 08:44

1 Answers1