I’ve got some flowcharts built in HTML that work fine in Ionic 1 if you put them in their own html file. I’m sure they’ll work fine in Ionic 2, but each one has it’s own HTML page and I don’t really want to do this. I’d like dynamically generate what is in the ion-content tag, with something like …

You could create a set of variables that contain links to those files then use something like an iframe to display the files. Edit: Or you could try this… <object type="text/html" data="mypage.html" ></object>

Do I need an iFrame though? Can I not just do what you’ve done with the <object? tag with an ion-content tag? I could test this but I’d like to know the best way to start…

Put the object tag inside the ion-content then you can set variables with your html filenames in your ts file like… chartOne: string = ‘myFile.html’; Keep the html files in the page folder that you’re working with. Then reference that variable in the object tag.

Hmmm. I realised the problem - I want to DL these docs from Firebase etc. I’ve done this before with JSON but I need to do it with these html files. Eg. If I have the content in a: var content.html1 = ` <html> `

So you want to store the files in firebase storage and retrieve them then represent them in the HTML? Or are you storing them in firebases database as text?

<div [inner-html]="content.flowchart"></div> … will display the content as html. {{content.flowchart}} …will display it as literal text.

So I tried this and it didn’t work. I get a lot of errors. Any way to load in some Ionic content that’s preformed HTML?

[image] SubEffect: Any way to load in some Ionic content that’s preformed HTML? This is a very difficult question to answer, so I’m instead going to answer “should I persist in attempting to try to do this?” with a resounding “no”. Angular wants templates to be static and available at build t…

Loading custom HTML from a file?

Ionic Framework ionic-v3

rapropos July 27, 2017, 5:05pm 17

Here is a post describing how I dealt with this. I used markdown-it as the parser.

Topic		Replies	Views
Load asset file inside page template with Ionic ionic-v3	1	4279	June 18, 2017
How to load dynamic API ( html content ) in <ion-content> Ionic Framework	2	687	September 18, 2019
Html content inside an object value ionic-v3	0	559	October 26, 2017
Dynamic content display ionic-v3	1	531	July 19, 2021
Insert a template into a htlm file ionic-v3	2	1041	March 2, 2017

Loading custom HTML from a file?

Related topics