Javascript 如何在AngularJS中动态加载弹出窗口？

Web项目：后端-ASP.NET，前端-AngularJS

我有mainApp模块的“主页”。 我还有另一个注册页面，这是LoginLayerApp的责任

我想要的：当你们点击“主窗口”时，我需要一个带有注册内容的弹出窗口（html、css、angularController等等）

试验内容：

使用JQuery加载，实现DOM并通过调用angular.bootstrap 手

通过

$http

加载并使用ngDialog库打开弹出窗口 窗户

使用iframe

问题是加载的裸HTML，但我不知道如何注入LoginLayerApp，然后重建裸HTML。我只能做一次，但不能像往常一样，当angular总是通过控制器中的更改重建视图时（例如，不同的ng类取决于屏幕的宽度）

如何做得最正确？也许我应该做些不同的事情来组织一些事情

RequireJS，WebPack将不起作用，太多遗留项目的实现就为了这样一件小事

注册页面示例：

@使用Inventum.ViewModels.Account
@使用Microsoft.Owin.Security
@{
布局=空；
}
{{loginCtrl.desktop}
{{桌面}}
@ClickZone（“NewRegLogin.Login.Title”）
@ClickZone（“NewRegLogin.Login.HelpLabel”）


@Html.ClickZone（“NewRegLogin.sign”）
@节脚本{
@Scripts.Render（“~/bundles/js/layer/newLogin”）
}

我不确定，但您可以尝试创建组件，该组件将显示您的错误。默认情况下，设置为“不可见”。在控制器中，您可以管理显示错误消息的数量和时间。

我不确定，但您可以尝试创建显示错误的组件。默认情况下，设置为“不可见”。在控制器中，您可以管理显示错误消息的数量和时间。

我要做的是创建模态窗口（弹出窗口）作为模态。(). 这样，您就不必编写自己的模式代码

当您实现它时，模态将获得自己的控制器和自己的html文件，实现如下所示：

电流控制器-

appName.controller('loginLayerController', ["$scope","uibModal", function ($scope, $uibModal){
 $scope.openComponentModal = function () {
 var modalInstance = $uibModal.open({
  templateUrl: 'myModalContent.html',
  controller: 'myModalController',
  controllerAs: 'myModalController'
  }
});
 }])

---

从那里，您可以将表单放入myModalContent.html，并在那里相应地隐藏和显示按钮

我要做的是创建模态窗口（弹出窗口）作为模态。(). 这样，您就不必编写自己的模式代码

当您实现它时，模态将获得自己的控制器和自己的html文件，实现如下所示：

电流控制器-

appName.controller('loginLayerController', ["$scope","uibModal", function ($scope, $uibModal){
 $scope.openComponentModal = function () {
 var modalInstance = $uibModal.open({
  templateUrl: 'myModalContent.html',
  controller: 'myModalController',
  controllerAs: 'myModalController'
  }
});
 }])

---

从那里，您可以将表单放入myModalContent.html，并相应地隐藏和显示按钮

我决定使用ngDialog库。现在就像我想要的一样，我决定使用ngDialog库。现在就像我想要的一样