可以在使用ui-router的应用程序中使用哪种弹出模式

Question

我创建了一个网页，其中通过使用UI路由器打开不同的页面，每个打开的页面的状态不同，每个页面都有可能通过ng-include集成的模块，现在我有弹出模式需求集成到我的网页中，但是弹出模式无法按预期工作？是我可以在我的网页中使用的任何弹出模式吗？

Answer 1

我正在使用ngDialog和ui路由器。 在这里您可以阅读：

Angular.js应用程序的模式和弹出窗口提供程序。 没有依赖关系。 高度可定制的。

奇迹般有效。

在文档页面上，您可以看到如何将范围或将需要的任何其他信息传递到对话框的范围内，以创建模态对话框中所需的逻辑。 来自文档 ：

$scope.value = true;

ngDialog.open({
    template: 'externalTemplate.html',
    className: 'ngdialog-theme-plain',
    scope: $scope
});

使用控制器：

ngDialog.open({
    template: 'externalTemplate.html',
    scope: $scope
    controller: ['$scope', 'otherService', function($scope, otherService) {
        // controller logic
    }]
});

在您的情况下，可能可以在链接上使用ng单击。 在ng-click函数中执行一些逻辑，然后使用适当的数据在此函数中打开ngDialog。 那有意义吗？ 或者首先打开对话框并使用传递的数据在对话框本身中进行所需的数据加载可能更好。 也许更好的用户体验！ ;）

Answer 2

您可以使用“角度模态”服务来创建模态。 请参考以下链接。 https://angular-ui.github.io/bootstrap/