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

以下是我试图实现的目标：我有一个带有登录按钮的topnav。单击登录按钮时，我想显示我的登录弹出对话框

类似地，某些页面将有一个巨大的“注册”按钮。我希望登录弹出窗口也出现时，该按钮被点击

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

我的问题是：有人能概述一下我创建此服务需要采取的步骤吗？我有点麻烦，即使在阅读了文档之后

以下是我目前掌握的情况：

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

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

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

谢谢

编辑

举个例子，假设我的模板非常简单

<div class="login-popup">
    <input type="text" id="Username" />
    <input type="text" id="Password" />
    <button>Submit</button>
</div>

提交

我假设我需要一个ng show属性。这应该链接到什么？通常，我会将它链接到控制器的属性…但由于它是由服务启动的，因此没有控制器对象。我缺少什么