弹出窗口的角度模态服务

Posted 2023-05-09

【中文标题】弹出窗口的角度模态服务

【英文标题】：Angular modal service to popover

【发布时间】：2015-05-31 08:58:36

【问题描述】：

我正在为模态框使用 Angular 指令

这是我的标记：

 <li><a ng-attr-title="::'Share'" 
        href="" class="shareButton" bh-model-ctrl="ShareArticleCtrl" 
        bh-template-html="shareArticleTemplate.html" 
        bh-alternate-id="items.alternate_id" 
        bh-title="items.bookmark_title" bh-url="items.bookmark_url" 
        bh-share-article></a></li>

指令代码就像

app.directive("bhShareArticle", ["$modal", "$window", function ($modal, $window) 
        return 
            restrict: 'A',
            scope: 
                alternateId: '=bhAlternateId',
                bookmarkTitle: '=bhTitle',
                bookmarkUrl: '=bhUrl'
            ,
            link: function (scope, element, attrs) 
                element.click(function (event) 
                    event.stopPropagation();
                    var modalInstance = $modal.open(
                        templateUrl: attrs.bhTemplateHtml,
                        controller: attrs.bhModelCtrl,
                        size: 'sm',
                        resolve: 
                            bookmark: function () 
                                return 
                                    alternateId: scope.alternateId,
                                    bookmarkTitle: scope.bookmarkTitle,
                                    bookmarkUrl: scope.bookmarkUrl
                                ;
                            
                        
                    );

                    modalInstance.result.then(function () 
                        if (attrs.redirect == "true") 
                            $window.location.href = '/user/dashboard';
                        
                    , function () 
                    //$log.info('Modal dismissed at: ' + new Date());
                    );
                );

                scope.$on('$destroy', function () 
                    element.off('click');
                );
            
        ;
    ]);

哪个工作正常。现在我们要变成popover。

我们能轻松做到吗？

谢谢

【参考方案1】：

使用https://angular-ui.github.io/bootstrap/#/popover。 我认为您只需要在主控制器中执行逻辑即可。