Ионные/Угловые и Socket.IO - Показать всплывающее окно при получении Socket.IO

Question

Я пытаюсь создать мобильное приложение в реальном времени с использованием Ionic Framework (AngularJS) и Socket.IO.

Исходя из фона jQuery, я новичок во всем дизайне и структуре иона/углового приложения (например, контроллеры, службы и т. Д.). Поэтому мне было интересно, как должно быть структурировано мое приложение или что является лучшим/идеальным способом структурирования моего приложения?

В частности, в приложении с ионным/угловым структурированием, где должен быть мой обычный код Socket.IO? Я видел один компонент (https://github.com/btford/angular-socket-io), который (как я понимаю) инкапсулирует код Socket.IO на угловую фабрику. Это путь?

То, что я действительно хочу, чтобы достичь следующие:

1. открыть (Ionic) всплывающее, когда событие Socket.IO получено и
2. Испустите/отправить событие/сообщение Socket.io на UI (например, нажатие кнопки).

Как должна выглядеть моя структура ионного/углового кода для достижения этой цели? То есть, какой код входит в какой компонент/контроллер/сервис/завод?

Даже высокоуровневое описание структуры сделало бы отправной точкой.

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