私のインデックスページにはul-treeがあり、jqueryで切り替えます:
$(document).ready(function() {
$('label.tree-toggler').click(function() {
$(this).parent().children('ul.tree').toggle(300);
});
});
ツリーは、html 内の次のコードで作成されます。
<!-- Reverse for Tree -->
<script type="text/ng-template" id="tree_item_renderer.html">
<label class="tree-toggler nav-header{{data.GUID_ROOT_NAME}}</label>
<ul class="nav nav-list tree none">
<li data-ngdblclick="clickProfile(profile.MERKMAL)" data-ng-repeat="profile in data.ET_SELECTION_ID"><a href="" >{{profile.GUID_ROOT_NAME}}</a></li>
<li ng-repeat="data in data.tree" ng-include="'tree_item_renderer.html'"></li>
</ul>
</script>
<ul class="nav nav-list">
<li data-ng-show="data.GUID_ROOT_NAME" data-ng-repeat="data in ProfileTree"
data-ng-include="'tree_item_renderer.html'"></li>
</ul>
ツリーの構造を追加できるダイアログを作成したいと考えています。しかし、ダイアログをロードすると、jquery が機能しなくなります。インデックス サイトでは jquery は完璧に機能しますが、ダイアログでは機能しません。ダイアログ:
$scope.opts = {
backdrop : true,
keyboard : true,
backdropClick : true,
resolve : {
figure : function() {
return angular.copy();
}
}
};
var d = $dialog.dialog($scope.opts);
d.open('partials/dialogs/DialogAssignProfile.html',
'AssignProfileCtrl').then(function(result) {
if (result) {
// TODO
}
});
ありがとう!