NG-Include Issues on Phone

ionic-v1
1

I created an android build to test out on my phone. I’m using ng-include to embed an html file. It works using developer tools in Chrome, but not my phone and can’t figure out why.

Any ideas?

2

Where is the HTML file coming from? If external, you need to look at whitelisting the source (via the plugin). If internal, then you might need to explore the proper path once on-device.

Chris

3

It’s in the templates folder.

I have <div ng-include src="'../templates/discover.html'"></div>

4

if its in the template folder should it not just be "'templates/file.html'"?

5

No, because the ng-include div tag is in a html file within the templates folder. It’s not in the index.html.

So I have:

www/index.html
–templates
----calling.html (has the ng-include tag)
----discover.html

6

Have you actually tried what I suggested ?

It doesn’t matter where the actual template file is that is loaded.

I just tried it on my iPhone:

index.html
templates/
   +-----help.html (has the ng-include)
   +-----hello.html

inside hello.html:

 <div ng-include src="'templates/hello.html'"></div>

shows up fine.

7

It worked. Thanks so much.

1 Like