Pregled code-a:
<!DOCTYPE HTML> <html lang="hr"> <head> <meta charset="UTF-8"> <title>AngularJS - ng-template</title> </head> <body ng-app="mojApp"> Primjer pokazuje upotrebu direktive <b>ng-template</b> i <b>ng-include</b>. <hr> <br><br> <div ng-include src="currentTpl"></div> <br><br><button ng-click="currentTpl='tpl1.html'">Ubaci lokalni template 1</button> <br><button ng-click="currentTpl='tpl2.html'">Ubaci lokalni template 2</button> <!-- local template 1--> <script type="text/ng-template" id="tpl1.html"> Ovo je lokalni template <b style="color:orange">tpl1.html</b>. </script> <!-- local template 1 end --> <!-- local template 2--> <script type="text/ng-template" id="tpl2.html"> Ovo je lokalni template <b style="color:red">tpl2.html</b>. </script> <!-- local template 2 end --> <script src="../angularjs/1.2.9/angular.min.js"></script> <script> var mojModul = angular.module('mojApp', []); mojModul.controller('MojCtrl', function($scope){ //prazno }); </script> </body> </html>
Pregled stranice:
Pogledaj stranicu
../javascript/angularjs/primjeri/55ng-template.html
.