Javascript Angular应用程序登录/注册的模式/对话框

我正在尝试为我的应用程序实现一个登录/登录对话框（类似于的），我在网上搜索了很多关于它的信息，我想我会使用AngularUI bootstrap中的$modal。我想知道是否有人可以指导我使用$model制作类似的东西。感谢您的帮助

---

谢谢

这可能无法直接回答您的问题，但我已经使用ngDialog（）完成了登录模式对话框，其功能与媒体站点类似。您可能需要查看ngDialog。

文档：

---

你们能帮我把她弄出来吗，我已经按照确切的指示做了，但对话框并没有弹出。“ui.bootstrap处于活动状态”我已将main-controller.js代码放在app.js中，将index.html代码放在header.html指令中。您好@m-t，这些信息不足以提供帮助。我建议创建一个包含更多细节和代码的新问题。我不清楚您所说的“我已将main-controller.js代码放入app.js，将index.html代码放入我的header.html指令”是什么意思。这可能只是你正在使用的措辞，但无论哪种方式，更多的信息都会有所帮助。谢谢你的回复@HankScorpio。并对信息不清楚表示歉意。若我打开了相同的问题，这将是重复的这个查询，我想得到确切的回答“登录/注册”按钮点击弹出表单出现。有没有办法直接向你发问。问了问题请相应地指导我谢谢。

<style type="text/css">
    .login-intro.ng-enter { /*starting css properties. Transparency, position etc*/ }
    .login-intro.ng-enter.ng-enter-active { /*final css properties. The ngAnimate will transition these for you*/ }
</style>

<div ng-controller="MainCtrl as main">
    <a href="#" ng-click="main.openLoginModal()">Log in / Sign up</a>
</div>

(
var myModule = angular.module('myModule', ['ui.bootstrap']);
myModule.controller('MainCtrl as main', function($modal){

    var controller = this;

    controller.openLoginModal = function(){
        var modalInstance = $modal.open({
            templateUrl: 'login-template.html',
            controller: 'LoginController as login'
        };

        modalInstance.result.then(function () {
            // Redirect to the logged-in area of your site
        }, function () {
            // optional function. Do something if the user cancels.
        });
});



})();

<div ng-view class="login-intro">
    <!--login inputs, buttons etc here-->
</div>