Ionic/Angular 和 Socket.IO - 收到 Socket.IO 事件时显示弹出窗口

Question

我正在尝试使用 Ionic Framework (AngularJS) 和 Socket.IO 构建一个实时移动应用程序。

来自 jQuery 背景，我对整个 Ionic/Angular 应用程序设计和结构（例如，控制器、服务等）有点陌生。所以我想知道，我的应用程序应该如何构建，或者构建应用程序的最佳/理想方式是什么？

更具体地说，在 Ionic/Angular 结构的应用程序中，我常用的 Socket.IO 代码应该放在哪里？我见过一个组件 (https://github.com/btford/angular-socket-io)，它（据我所知）在 Angular 工厂中封装了 Socket.IO 代码。这是要走的路吗？

我真正想要达到的目标如下：

1. 收到 Socket.IO 事件时打开一个（离子）弹出窗口并
2. 在 UI 事件（例如，按钮单击）时发出/发送 Socket.IO 事件/消息。

我的 Ionic/Angular 代码结构应该如何实现这一点？也就是说，哪个代码进入哪个组件/控制器/服务/工厂？

即使是结构的高级描述也可以作为起点。

Answer 1

作为一个例子，下面是我使用 ChatCtrl 控制器的方法。

 <!-- app.js -->
 <script>
   angular.module('chatApp', ['ngAnimate'])

   .controller('ChatCtrl', ['$scope', '$http', function($scope, $http) {

     var socket = io.connect();

     // on connect, grab username
     socket.on('connect', function(data) {
       nickname = prompt("What's your name?");
       socket.emit('join', nickname);
     });

     socket.on('statusConnected', function(data) {
       $scope.status = data;
       $scope.$apply($scope.status);
     });

   }]);
 </script>

我的弹出窗口是 JavaScript nickname = prompt("What's your name?")，但您可能会触发 modal 或其他任何您想要的其他弹出窗口，并使用更多 JS