如何将单独的角度控制器绑定到同一页面/控制器中的HTML部分？

Question

myTemplate.html

<div>.........</div>
<div>.........</div>
<div ng-controller="external.js" ng-include="external.html"></div>

external.html 是要包含的另一个HTML文件的路径， external.js 是包含HTML绑定到的控制器代码的文件。

我有一个模态弹出窗口，其中有3个div，其中2个绑定到我的控制器。与这两部分中的不同字段关联的所有功能都在该控制器内。使用ng-include指令将第三个div包含在模式中。这是一个单独的HTML文件，已绑定到其自己的控制器。我尝试使用ng-controller并给出了包含控制器代码的文件的路径，但这没有用。 external.html内的HTML呈现在我的模态内，但未包括绑定到组件的js函数。

scope.myFunction= function(){
    $uibModal.open({
        animation: true,
        backdrop  : 'static',
        keyboard  : false,
        templateUrl: 'myTemplate.html' //contains the 3 divs out of which the third is 
                                         bound to a different controller,
        controller: function ($scope) {               
            $scope.function1= function($scope){                               
                //func_body
            }
            $scope.function2= function($scope){                               
                //func_body
            }
        },
        size: 'lg',
        resolve: {
            abc=123
        }
    });