Untitled

<script type="text/ng-template" id="item.html">
        <div ng-show="item.status != 'EQUAL' || (item.isDirectory && item.hasChildrenChanged())" class="item-container">
                <div class="fields" ng-class="{ 'removed-item': item.status == 'REMOVED', 'added-item': item.status == 'ADDED', 'changed-item': item.status == 'CHANGED' }">
                        <div ng-show="item.isDirectory" class="expander" ng-bind="item.expand ? '-' : '+'" ng-click="item.toogleExpand()"></div>
                        <div class="name-field" >{{item.name}}</div>
                        <div class="hash-field"  ng-if="item.isDirectory == false">{{item.hash}}</div>
                </div>
                <div ng-show="item.isDirectory && item.expand">
                        <div class="item-list"  ng-repeat="item in item.children" ng-include="'item.html'">
                </div>
        </div>
</script>

<div ng-if="loaded">
        <span>{{main}}</span>
        <span>{{compare}}</span>

        <span>{{item.name}}</span>

        <n ng-repeat="item in root.children" ng-include="item.html">
        </n>
</div>