Yes, you’ll need a custom AngularJS controller for your custom view to handle fetching and rendering the data. In the controller, you can use entityResource.getByIds() to fetch the content picker data and contentResource.getChildren() to grab the child articles. Then, you can bind this data to the scope for displaying it in the view.

you can follow the steps here Build a Custom View for a Block

Hello Afreed I tried to create a AngularJS controller. I was able to retrieved the content picker node ids using entityResource.getByIds but I'm I get this error message.

Hope this helps you understand a bit more:

   <div class="skeleton-wrap image-only" ng-controller="ContentSliderController">
      <button ng-click="fetchContent()">Fetch Content Picker Data</button>

  <!-- Display fetched content -->
  <div ng-if="fetchedData.length">
    <h3>Fetched Content:</h3>
    <ul>
      <li ng-repeat="item in fetchedData">{{ item.variants[0].name }}</li>
    </ul>
  </div>
</div>


angular.module("umbraco").controller("ContentSliderController", function ($scope, contentResource) {

  // Function to fetch data using the contentResource
  $scope.fetchContent = function () {
    const udiList = $scope.block.data.listingParentNodePicker.split(","); // Split UDIs into an array
    $scope.fetchedData = []; // Initialize an array to store fetched content

    // Loop through each UDI and fetch content
    udiList.forEach(function (udi) {
      contentResource.getById(udi.trim()).then(function (response) {
        $scope.fetchedData.push(response); // Add the fetched content to the array
      });
    });
  };
});