I want to act like Tiles on AngularJS' ui-router.

I am using ui-router in AngularJS, but I would like to control the configuration of the screen like Tiles in Java.

Multiple screen functions exist, and multiple common parts functions exist as well.
To determine which common parts are displayed for a particular screen feature, see
I'd like to manage it with JSON files.

Consider using part C on each screen when there are screens A and B.
In the $stateProvider#state setting on screen A, if you define part C in view,
I know it can be seen in ui-view, but
I think this method will also require setting the $stateProvider#state on screen B.

Apart from the settings on screens A and B, I only set the state settings on part C.
I was wondering if I could include it on each screen, but I don't know how to do it.

Now I include it with ng-include, but with this method,
Due to other reasons, it will be difficult to change the controller of part C, so I wonder what I should do...

Additional

If you want to library parts and use them from different apps, If you want to change the controller for each application,
ng-include requires the controller to be
in the target HTML. It is listed and cannot be realized.

Library Side

angular.module('lib').config(function(){
  $stateProvider.state('partsState', 
    {url:'...', templateUrl:'hoge.html', controller:'orgCtrl'});
});

Application side

angular.module('app', [lib])..run(function($state){
  $state.get('org').controller='customCtrl';
});