Usage

Create a div tag in html file with specific id for example tabArea and write a specific function in javascript file to perform your business logic. An sample example as shown below:

HTML file:

<div id="tabArea" ng-init="init()"></div>

Javascript file:


        var data ={"tabData":{"items": [{"tablabel": "Why AngularJS?","isActive": true,"target": "tab1",
        "msg": "HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop."};

        $scope.init = function() {
              loadTabData();
        }

         function loadTabData() {
            var tab_tpl = $(modelTemplate).filter('#tabs').html();
            var html = Mustache.to_html(tab_tpl, data.tabData);
            $('#tabArea').html(html);
        }

{{message}}