Угловое представление формы не работает с BrowserSync

Question

Установка: У меня есть следующий вид:

<div ng-controller="ChatController"> 
    <form ng-submit="sendTextMessage()"> 
     <input type="text" class="form-control" ng-model="msgInput"> 
    </form> 
</div> 

и следующее ChatController:

$scope.sendTextMessage = function() { 
    //Do some socket.io to send $scope.msgInput 
    $scope.messageInput = ''; 
} 

Я загруженную страницу в двух Chrome браузеров, которые синхронизируются с помощью BrowserSync.

Ожидаемый результат: Функция sendTextMessage() вызывается в обоих браузерах, никакого запроса HTTP не отправляется на сервер, страница не обновляется.

Проблема: Все работает так, как ожидалось, в браузере, где я печатаю ввод (отправка нажатием «enter»). Но другой браузер обновляет страницу, а теперь имеет «/?» прилагается к URL-адресу. Из того, что я могу сказать, другой браузер просто выполнил поведение отправки по умолчанию и не выполнил мою функцию sendTextMessage().

Что я сделал до сих пор: Вызов sendTextMessage ($ событие), и обработать его с event.preventDefault(). Не было никакой разницы.

Я не уверен, что это проблема с Angular, BrowserSync, Chrome или другим. Есть идеи?

Answer 1

Enter и другие подобные нажатия клавиш не синхронизируются browser-sync на данный момент. Есть также пара проблем с ev.stopPropagation и контентная синхронизация.

Мой запрос на перенос для этих исправлений еще не слит. Но если вы хотите, чтобы вы могли клонировать репо прямо - https://github.com/nitinsurana/browser-sync