angu-tree-view
Version:
A tree view for AngularJS
36 lines (35 loc) • 1.93 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<!-- AngularJS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script>
<!-- Bootstrap -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<!-- font-awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/FontAwesome.otf" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.eot" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.svg" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2" />
<!-- JS&CSS -->
<link href="css/angu-tree-view.css" rel="stylesheet" />
<script src="js/demo1.js"></script>
<script src="js/angu-tree-view.min.js"></script>
</head>
<body>
<div ng-app="app" ng-controller="DemoCtrl">
<h3>Demo</h3> <br />
<div>
<angu-tree-view tree-nodes="treeNodes" ng-model="Menus" plus-css="green fa fa-plus" minus-css="green fa fa-minus" is-enable-checked="true" is-init="true"></tree-view>
</div>
<div>
<input type="button" ng-click="showRtnMenus()" value="Show" />
</div>
</div>
</body>
</html>