Angular表单提交不适用于BrowserSync

时间:2015-09-29 09:33:10

标签: angularjs browser-sync

设置: 我有以下表格:

using (var sourceFileStream = await sourceFile.OpenAsync(Windows.Storage.FileAccessMode.Read))
using (var destFileStream = await destinationFile.OpenAsync(FileAccessMode.ReadWrite))
{
    BitmapDecoder decoder = await BitmapDecoder.CreateAsync(sourceFileStream);
    BitmapEncoder enc = await BitmapEncoder.CreateForTranscodingAsync(destFileStream, decoder);
    enc.BitmapTransform.ScaledWidth = newWidth;
    enc.BitmapTransform.ScaledHeight = newHeight;
    await enc.FlushAsync();
    await destFileStream.FlushAsync();
}

以及ChatController中的以下内容:

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

我已将页面加载到两个Chrome浏览器中,这些浏览器使用BrowserSync同步。

预期结果: 两个浏览器都调用sendTextMessage()函数,没有HTTP请求发送到服务器,页面没有刷新。

问题: 在我输入输入的浏览器中,所有内容都按预期工作(按下&#39;输入&#39;提交)。但是其他浏览器会刷新页面,现在有了&#39; /?&#39;附加到URL。据我所知,其他浏览器刚刚执行了默认的提交行为,并且没有运行我的sendTextMessage()函数。

到目前为止我做了什么: 调用sendTextMessage($ event),并使用event.preventDefault()处理它。没有区别。

我不确定这是Angular,BrowserSync,Chrome还是其他问题。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

到目前为止,Enter尚未同步

browser-sync和其他类似的按键。 ev.stopPropagation以及可疑的同步也存在一些问题。

我对这些修补程序的拉取请求尚未合并。但是,如果您愿意,可以直接克隆回购 - https://github.com/nitinsurana/browser-sync