Thanks again Rune. I am thinking of it more now that I could have a controller specific for the original umbOverlay, there, I can open a new umbOverlay and connect to REST APIs using angular, correct?

Thanks Bilal

Yup, that is possible, assume you're talking about this overlay :) You can either extend that or create a new nested overlay with it's own controller. Once in the controller is hooked up you can do any JS/Angular magic you want.

Adding a controller to the overlay in the above example is a matter of:

1. Creating a js file, GridCtaButtonOverlay.controller.js, and adding it to the umbraco module:

   (function () {
      "use strict";
   
   
      function Controller($scope) {
         //Add magic
      }
   
   
      angular.module("umbraco").controller("rhs.gridctabuttonoverlaycontroller", Controller);
   })();
   

2. Hook it up in the view GridCtaButtonOverlay.html:

    <div ng-controller="rhs.gridctabuttonoverlaycontroller">
        <!-- Overlay html -->
    </div>
   

3. Load controller in package.manifest:

   "javascript": [
      "~/App_Plugins/GridCtaButton/GridCtaButton.controller.js",
      "~/App_Plugins/GridCtaButton/GridCtaButtonOverlay.controller.js"
   ]
   

That should do the trick :)