I want to create a Tabs with in a Tabs. Here If I click the “Tab 2” Its not working.
<!DOCTYPE html>
<html ng-app="demoApp">
<head>
<link rel="stylesheet" type="text/css" href="../css/jqx.base.css" />
<script src="../Tools/angular.min.js"></script>
<script src="../Tools/jquery-1.11.1.min.js"></script>
<script src="../Tools/jqxcore.js"></script>
<script src="../Tools/jqxtabs.js"></script>
<script src="../Tools/jqxangular.js"></script>
<script>
var demoApp = angular.module("demoApp", [ "jqwidgets" ]);
demoApp.controller("demoController", function($scope) {
});
</script>
</head>
<body ng-controller="demoController">
<jqx-tabs>
<ul>
<li>Tab 1</li>
<li>Tab 2</li>
</ul>
<div>
<jqx-tabs>
<ul>
<li>Tab 1.1</li>
<li>Tab 1.2</li>
</ul>
<div>Test 1.1</div>
<div>TEst 1.2</div>
</jqx-tabs>
</div>
<div>
<jqx-tabs>
<ul>
<li>Tab 2.1</li>
<li>Tab 2.2</li>
</ul>
<div>Test 2.1</div>
<div>Test 2.2</div>
</jqx-tabs>
</div>
</jqx-tabs>
</body>
</html>
