42 lines
1.6 KiB
HTML
42 lines
1.6 KiB
HTML
<!-- Nested Node template -->
|
|
|
|
<script type="text/ng-template" id="nodes_renderer2.html">
|
|
<div class="tree-node">
|
|
<div class="pull-left tree-handle" ui-tree-handle>
|
|
<span class="glyphicon glyphicon-list"></span>
|
|
</div>
|
|
<div class="tree-node-content">
|
|
<a class="btn btn-success btn-xs" data-nodrag ng-click="toggle(this)">
|
|
<span class="glyphicon" ng-class="{
|
|
'glyphicon-chevron-right': collapsed,
|
|
'glyphicon-chevron-down': !collapsed
|
|
}">
|
|
</span>
|
|
</a>
|
|
<input type="text" ng-model="node.title">
|
|
<a class="pull-right btn btn-danger btn-xs" data-nodrag ng-click="remove(this)"><span class="glyphicon glyphicon-remove"></span></a>
|
|
<a class="pull-right btn btn-primary btn-xs" data-nodrag ng-click="newSubItem(this)" style="margin-right: 8px;"><span class="glyphicon glyphicon-plus"></span></a>
|
|
</div>
|
|
</div>
|
|
<ol ui-tree-nodes="" ng-model="node.nodes" ng-class="{hidden: collapsed}">
|
|
<li ng-repeat="node in node.nodes" ui-tree-node ng-include="'nodes_renderer2.html'">
|
|
</li>
|
|
</ol>
|
|
</script>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-sm-6">
|
|
<h3>数据展示 {{Guo}} {{Shi}}</h3>
|
|
<div ui-tree id="tree2-root" data-clone-enabled="true">
|
|
<ol ui-tree-nodes="" ng-model="hh">
|
|
<li ng-repeat="node in hh" ui-tree-node ng-include="'nodes_renderer2.html'"></li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<pre class="code">{{ hh | json }}</pre>
|
|
</div>
|
|
</div>
|