So far I have managed to display the titles of my items in the area.

Now I still have the problem that I somehow can't transfer the blocks to the template.

Can anyone help me? “umb-block-grid-render-area-slots” in my tab.html just doesn't output anything.

// tabs.html
<div ng-controller="tabsBlockController">
    <uui-tab-group>
        <uui-tab ng-repeat="block in blocksInMainArea" ng-click="selectTab($index)">{{ getBlockTitle(block) }}</uui-tab>
    </uui-tab-group>

    <div>
        <div ng-repeat="block in blocksInMainArea"
             ng-include="getBlockTemplateUrl(block)">
        </div>
    </div>
</div>

// tab.html
<umb-block-grid-render-area-slots>
</umb-block-grid-render-area-slots>

// tabsBlock.controller.js
angular.module("umbraco")
.controller("tabsBlockController", function ($scope) {
    const blockGridItem = $scope.$parent.$parent.block;

    $scope.blocksInMainArea = blockGridItem.layout.areas.find(area => area.$config.alias === "main").items;

    $scope.getBlockTemplateUrl = function (block) {
        return block.$block.config.view;
    };

    $scope.getBlockTitle = function (block) {
        return block.$block.data.title;
    };
});

is working on a reply...