kamilkp / ng-nestable

Angular module for jQuery nestable plugin
http://kamilkp.github.io/ng-nestable
MIT License
62 stars 34 forks source link

Complex item templates enabled for custom drag handler #14

Closed hayatbiralem closed 9 years ago

hayatbiralem commented 9 years ago

First of all, thank you for this project.

In the case, if the user does not use a ng-nestable-item attribute in item template, everything will continue as before.

My complex item template as follows and it works now:


<div id="categories" class="clearfix" ng-nestable ng-model="categories">
    <!-- [ng-nestable] element content is the template for each menu item -->
    <!-- the $item is available on scope and is the reference to the menu item object -->

    <div class="dropdown dd-dropdown pull-right">
        <a href="" data-toggle="dropdown">
            <span class="fa fa-cog"></span>
        </a>
        <ul class="dropdown-menu actions-dropdown pull-right">
            <li>
                <a href="" ng-click="categoryProcess.edit($item)">
                    <i class="fa fa-list-ul"></i>
                    Düzenle</a>
            </li>
            <li>
                <a href="" ng-click="categoryProcess.delete($item)">
                    <i class="fa fa-trash"></i>
                    Sil</a>
            </li>
        </ul>
    </div>

    <div class="dd-handle" ng-nestable-item>
        <i class="fa fa-bars"></i>
        [[ $item.name ]]
    </div>
</div>

</div>