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

时间:2015-08-14 05:21:04

标签: angularjs angular-ui-router angularjs-ng-include

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

2 个答案:

答案 0 :(得分:1)

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

  

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

像魅力一样。

documentation page上,您可以看到如何将范围或您需要的任何其他信息传递到对话框的范围,以在模态对话框中创建所需的逻辑。取自documentation

$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-click。在ng-click功能中执行一些逻辑,然后使用适当的数据打开此功能中的ngDialog。那有意义吗?或者,首先打开对话框并使用传递的数据在对话框本身中执行所需的数据加载可能更好。也许更好的用户体验! ;)

答案 1 :(得分:0)

您可以使用Angular Modal服务创建模态。 请参阅以下链接。 https://angular-ui.github.io/bootstrap/