Javascript 为引导模式使用不同的角度控制器

我正在从我的主HTML文件调用引导模式HTML文件，这里是我正在做的示例代码

---

如图所示，任何人都可以提出一种方法来调用另一个角度控制器进行引导模式。因为调用模态加载的按钮位于已经有角度控制器的div中，所以这不会让模态加载另一个不同的角度控制器。所有这些背后的想法是让我的代码更容易理解。

在角度控制器中创建模态实例时，需要像这样传递模态控制器

var modalInstance = $uibModal.open({
    ariaLabelledBy: 'modal-title',
    ariaDescribedBy: 'modal-body',
    templateUrl: 'myModalContent.html',
    size: "lg",
    controller: 'modalController'
  });

看看这个或下面的代码

var-app=angular.module（'plunker'，[“ui.bootstrap”]）；
应用程序控制器（'MainCtrl'，函数（$scope，$uibModal）{
$scope.name='World'；
$scope.OpenModal=function（）{
var modalInstance=$uibModal.open({
ariaLabelledBy:“模态标题”，
由“模态体”描述，
templateUrl:'myModalContent.html'，
尺寸：“lg”，
控制器：“modalController”
});
modalInstance.result.then（函数（selectedItem）{
//$ctrl.selected=selectedItem；
}，函数（）{
//$log.info（'Modal disposed at:'+new Date（））；
});
};
});
应用控制器（'modalController'，函数（$scope）{
$scope.text='我来自模态控制器范围'；
});

安古拉斯普朗克
文件。写（“”）；
你好{{name}}

我是模态的！
这是一个模态。{{text}}
好啊
取消
开放模态
DI只需将依赖项注入需要它的控制器。您可以尝试。亲爱的@Jai感谢您的评论。你能说得更具体些吗。我如何开始这个过程。亲爱的@SaurabhAgrawal谢谢你的评论。亲爱的@Alok谢谢你的回答。我觉得我现在在正确的轨道上。我是否必须在同一个应用程序中包含两个控制器，或者我可以制作两个不同的应用程序。而且，如果我将模式内容移动到另一个HTML文件中，这也会起作用。亲爱的@Alok。老兄，你耍了个花招。你能编辑这个答案吗？为模态创建一个单独的HTML文件，另一个JS文件在模态中做一些事情，这样我就可以把这个标记为答案。问这个问题是为了更有效地组织我的代码。这对我帮助很大，谢谢。我已经更新了plunk，使它有一个单独的html文件，但在SO代码示例中无法做到这一点。
var modalInstance = $uibModal.open({
    ariaLabelledBy: 'modal-title',
    ariaDescribedBy: 'modal-body',
    templateUrl: 'myModalContent.html',
    size: "lg",
    controller: 'modalController'
  });