从一般事件中排除 famous-angular 中的输入事件

Question

我正在使用 famous/angular 编写移动应用程序。在任何视图中向右滑动都会显示菜单。为此，我设置了以下事件处理：

var MouseSync   = $famous["famous/inputs/MouseSync"];
var TouchSync   = $famous["famous/inputs/TouchSync"];
var GenericSync = $famous['famous/inputs/GenericSync'];

$scope.sync = new GenericSync(
        ["mouse", "touch"], 
        {direction: GenericSync.DIRECTION_X}
);

$scope.sync.on('update', function(data){
    // do stuff while swiping
});

$scope.sync.on('end', function(data) {
    // do stuff at swipe end
});

以上一切正常。我现在的问题是我在某些视图中有 html 输入，但由于上述原因我无法 access/enter。包含这些内容的表面通过管道将其事件传输到 'sync':

<fa-surface fa-pipe-to="sync">
    <input type="text"></input>
</fa-surface>

我知道这里的问题是我输入的点击事件被传递到同步。我只是不知道该怎么办。有什么想法吗？

非常感谢！

Answer 1

您是否尝试过 HTML5 自动对焦属性 <input type="text" autofocus></input> 或将焦点设置为点击？ <input type="text" ng-click="focus($event)"></input>

对于第二个选项，您需要在作用域上设置一个函数，如下所示：

$scope.focus = function(ev){ ev.target.focus() }

从一般事件中排除 famous-angular 中的输入事件

Exclude input events in famous-angular from general Event

famo.us

famous-angular