What file path would I use with ng-include?

Question

My angular project's path is like this

web
    server.py ##flask server program
    app
        static
            app.js
            controllers.js
            etc...
        templates
            index.html
            home.html

index.html

<!-- this didn't work -->
<ng-include src="templates/home.html"><ng-include>

<!-- nor did this -->
<ng-include src="home.html"></ng-include>

home.html

<h1> home! </h1>

Except I don't see the partial (home.html) in my output.

Anyone see my mistake?

You don't pass a file path. You pass the URL of the partial you want to include. Just like you would in a `` or in a ``. So, look at what the URL is in the address bar, and use a relative or (better) absolute path to the partial you want to load. — JB Nizet, Aug 26 '14 at 06:23
"use a relative or (better) absolute path" > Why would it be better to use an absolute path? To me it looks like we're aren't completely sure what's happening there. I guess it should be better to use a relative path, because it's more reusable. — sylbru, Sep 30 '16 at 08:42

score 34 · Accepted Answer · edited Feb 11 '15 at 23:33

34

The src attribute of ng-include expects a string. Either you pass a scope variable, or pass string directly.

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

edited Feb 11 '15 at 23:33

Fergus

2,821
2
27
41

answered Aug 26 '14 at 07:25

Raghavendra

5,281
4
36
51

What file path would I use with ng-include?

1 Answers1

Linked