Usage

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

HTML file:

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

Javascript file:


        var data= {"vtabData":{"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() {
            loadvTabData();
        }

         function loadvTabData() {
            var vtab_tpl = $(modelTemplate).filter('#vtabs').html();
            var html = Mustache.to_html(vtab_tpl, data.vtabData);
            $('#vtabArea').html(html);
        }

{{message}}