what is the use of ng-template in Angular?

Question

Nanddeep Nachan · Answer

ngTemplate is used when a sample template should be injected into the DOM. https://toddmotto.com/angular-ngfor-template-element#ng-template-element

Rajeesh Menoth · Answer

Hi, The “ng-template” directive in angularjs is used to load the content of a element into $templateCache, and this is done further by using ng-Include, ng-view, template etc. Reference : https://www.tutlane.com/tutorial/angularjs/angularjs-ng-template-directive-with-example

Sanwar Ranwa · Answer

The ng-template directive is used to create an HTML view using script tag. It contains “id” attribute which is used by $routeProvider to map a view with a controller. While defining ng-template, it is mandatory to specify the type of the element as the text/ng-template. Also, assign a cache name to the template using the element’s id. Later on, this name gets used as directive’s templateUrl. Following is the syntax of using an ng-template directive in angularJS application. Add Employee {{message}} $routeProvider part. var mainApp = angular.module("mainApp", ['ngRoute']); mainApp.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/addEmployee', { templateUrl: 'addEmployee.htm', controller: 'AddEmployeeController' }). otherwise({ redirectTo: '/addEmployee' }); }]);

Sankara Krishnan Venugopal · Answer

HI, The content of this tag will contain part of a template, that can be then be composed together with other templates to form the final component template . The reference link can help you for more, https://blog.angular-university.io/angular-ng-template-ng-container-ngtemplateoutlet/ Thanks.

Rajkiran Swain · Answer

https://blog.angular-university.io/angular-ng-template-ng-container-ngtemplateoutlet/

Sanjit Kumar Singh · Answer

Thank you for the reply guys.

what is the use of ng-template in Angular?

Answers (6)