"templateurl" in angular JS

In Angular, templates are written with HTML that contains Angular-specific elements and attributes. Angular combines the template with information from the model and controller to render the dynamic view that a user sees in the browser.

When your template is small then easy maintain. Sometime when application grows, template values also grow as per requirement. At that it is very dificult to maintain. In order to avoid the problem, create an HTML page and define the tags, expressions like below:

app.directive('myCustomUrl', function () {
return {
templateUrl: '/DemoSupportingFiles/MyTemplate.html'
};
})

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Manas Mohapatra9y ago
Accepted answer
In Angular, templates are written with HTML that contains Angular-specific elements and attributes. Angular combines the template with information from the model and controller to render the dynamic view that a user sees in the browser.

When your template is small then easy maintain. Sometime when application grows, template values also grow as per requirement. At that it is very dificult to maintain. In order to avoid the problem, create an HTML page and define the tags, expressions like below:
app.directive('myCustomUrl', function () {
        return {
            templateUrl: '/DemoSupportingFiles/MyTemplate.html'
        };
    })