在Angular + Node中实现POP UP

时间:2015-06-03 08:28:22

标签: angularjs node.js twitter-bootstrap express

任何人都可以建议我如何在Angular + Node js中实现POP UP功能? 我想实现一个登录,当用户点击登录按钮时,该登录会弹出。

由于

3 个答案:

答案 0 :(得分:0)

取决于您使用的CSS框架。我经常使用Bootstrapui-bootstrap指令。这样可以轻松modal dialog显示。

答案 1 :(得分:0)

这是带有引导程序内容的虚拟html,会在按钮点击时触发弹出窗口。您会注意到我已在登录按钮上放置了ng-click指令,因此您应该在控制器上创建与此视图结合的角度函数。

<button type="button" class="btn btn-primary" data-toggle="modal" data-target=".modalExample">Login modal</button>

    <div class="modal fade modalExample" tabindex="-1" role="dialog" aria-labelledby="myModallable">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <form>
                    <div class="form-group">
                        <input type="email" class="form-control" ng-model="username" placeholder="Username" />
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" placeholder="Password" ng-model="password" />
                    </div>
                    <div class="form-group">
                        <button class="btn btn-default" ng-click="login(username,password)">Login</button>
                    </div>

                </form>
            </div>

        </div>
    </div>

这将在客户端处理你的问题,并且与Node.js相关。我想你会有一些api控制器,它会监听你可以从代表服务的角度工厂发送的请求。

答案 2 :(得分:0)

使用jQuery或angular.js执行此操作的几种方法。 如果你想要纯角度的弹出窗口,你可以使用ngDialog插件。