What should be the correct path of templateUrl in angularJs directive?

Question

I want to give path of templateUrl as a seprate .jade file. But its showing 500 err and Error: [$compile:tpload] .

Below is the code in my directive

app.directive('personRecord',['$http',function(http){
    return{
        restrict : 'AE',
        templateUrl : '../../views/template.jade',
        link : function(scope,ele,attr){

        }
    }
}]);

and my folder structure is like below.

bin
node_modules
public
|-- js
    |-- main.js
routes
views
|-- template.jade
|-- index.jade
app.js
package.json

Please help me out in this ! What am I missing here !

Hey you are using express ? If yes what is your static folder in it ? — squiroid
– squiroid, Commented Jun 20, 2015 at 9:54
@Vikash i tried giving '../views/template.jade' and 'template.jade' it doesnot work — Shouvik
– Shouvik, Commented Jun 20, 2015 at 9:57
So how can you access views on server ? from client side main.js — squiroid
– squiroid, Commented Jun 20, 2015 at 9:57

Eugene · Accepted Answer · 2015-06-20 10:06:02Z

1

My suggestion for you is to put your views folder inside the public folder:-

bin
node_modules
public
|-- js
|    |-- main.js
|--views
    |-- template.jade
    |-- index.jade
routes
app.js
package.json

And then use

app.directive('personRecord', function(http){
    return {
        restrict : 'AE',
        templateUrl : 'views/template.jade',
        link : function(scope, ele, attr){

        }
    };
});

Hope it helps :)

edited Jun 20, 2015 at 10:06

Eugene

4,3999 gold badges57 silver badges79 bronze badges

answered Jun 20, 2015 at 9:59

squiroid

14.1k7 gold badges50 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

What should be the correct path of templateUrl in angularJs directive?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related