AngularJS - 使用服务显示弹出对话框

Question

这是我想要实现的目标：我有一个带登录按钮的topnav。单击登录按钮后，我想显示我的登录弹出对话框。

同样，某些页面会有一个巨大的＆＃34; Register＆＃34;按钮。我希望在单击该按钮时也会显示登录弹出窗口。

为了让topnav和其他（外部）组件都显示登录弹出窗口，建议我为登录弹出窗口创建服务（请参阅我之前的问题：（Separate controller from directive?）

我的问题是：有人可以概述我为创建这项服务需要采取的步骤吗？即使在阅读完文档后我也遇到了一些麻烦。

这是我到目前为止所拥有的：

Array

到目前为止这是正确的吗？我在哪里为登录弹出窗口定义HTML？我是否使用templateUrl属性？还有其他推荐方法吗？

谢谢

修改

为了举例，我们假设我的模板非常简单

angular.module('myApp')
    .factory('login', LoginService);

function LoginService() {
    return {
        showLoginPopup: function () {
            // Need to show my login popup here 
        }
    }
}

我认为我需要一个ng-show属性。这应该与什么联系起来？通常，我将它链接到控制器的属性...但由于是由服务启动的，因此没有控制器对象。我错过了什么？