简体繁体 English

AngularJS弹出式聊天框

[英]AngularJS pop-up chatbox

原文 2014-06-27 18:49:14 3 1 javascript/ html/ node.js/ angularjs/ angular-bootstrap

I've been writing the back-end of a web-application using angularJS. 我一直在使用angularJS编写Web应用程序的后端。 The application should allow a user to contact another user via a pop-up chat box (the type in gmail/fbook). 该应用程序应允许用户通过弹出的聊天框（gmail / fbook中的类型）与另一个用户联系。 I've been trying to skip using jquery and write this component in angularJS using angular-bootstrap modals, but the user also needs to be able to navigate around the page while the chatbox is open. 我一直在尝试跳过使用jquery并使用angular-bootstrap模态在angularJS中编写此组件，但是用户还需要能够在聊天框打开时浏览页面。

I know StackOverflow prefers more direct answerable questions but I haven't found much around the web about writing this in angularJS and I was wondering whether anyone knew how to write a pop-up chatbox using angularJS, HTML, and CSS. 我知道StackOverflow倾向于更直接回答的问题，但是我在网上没有找到太多关于使用angularJS编写此问题的信息，我想知道是否有人知道如何使用angularJS，HTML和CSS编写弹出式聊天框。

1 个解决方案

This is one of the AngularJS's weaknesses. 这是AngularJS的弱点之一。 There are different ways of doing it but nothing that is the "standard" way. 有不同的方法可以执行此操作，但是没有什么是“标准”方法。 You have to basically code it from scratch. 您必须从头开始对其进行编码。

People have implemented different approaches. 人们采用了不同的方法。 Here are a few 这里有一些

http://ngmodules.org/modules/ngDialog http://ngmodules.org/modules/ngDialog

http://fundoo-solutions.github.io/angularjs-modal-service/ http://fundoo-solutions.github.io/angularjs-modal-service/

http://weblogs.asp.net/dwahlin/building-an-angularjs-modal-service http://weblogs.asp.net/dwahlin/building-an-angularjs-modal-service

For my own projects I ended up doing something myself. 对于我自己的项目，我最终自己做了一些事情。 If none of these do the trick, then you might have to as well. 如果这些都不起作用，那么您可能也必须这样做。