当前位置: 首页 > 面试题库 >

ng单击移动或平板设备上的触发

燕经国
2023-03-14
问题内容

在页面加载时,我有一个调用服务的控制器,然后将返回的数据绑定到某些$ scope.objects:

app.controller("MainController", function($scope, $http, serviceGetData) {

    serviceGetData.getData(function(data) {
        $scope.LoginCount = data.LoginCount;
        $scope.ProductInfo = data.ProductInfo;
        $scope.ProfileInfo = data.ProfileInfo;

        // Delayed binding
        $scope.OrderHistory  = { History: [] };
    }

    $scope.populateModel = function(model, values) {
        var isArray = $.isArray(values);

        $.each(values, function(key, value) {

            if (isArray) {
                key = this.key;
               value = this.value;
            }

            if (model[key] !== value) {
                model[key] = value;
            }

        });
    };
}

在我的HTML中,我尝试通过以下方式绑定$ scope.OrderHistory:

<h1><a href="#" ng-click="populateModel(OrderHistory  , { History: OrderEntries })" >View order details</a></h1>

在笔记本电脑/台式机上观看时很好,但在平板电脑和移动设备(例如iPhone / iPad)上无法使用


问题答案:

尝试添加ngTouch。从文档:

ngClick设计用于触摸屏设备的默认功能的更强大替代品。大多数移动浏览器在点击并释放后等待300毫秒左右,然后再发送click事件。此版本立即处理它们,然后阻止传播以下click事件。

需要ngTouch安装模块。



 类似资料:
  • 我的目标是有一个移动网站(手机和平板电脑)和一个响应桌面网站,建立在Wordpress上。我想最简单的方法来实现傻瓜证明设备检测。 移动网站将会有很多只对触摸设备有益的功能,并将为手机和平板电脑定制设计。桌面网站将完全不同(有相同的页面,但有额外的内容),并将充分响应,以防任何设备逃过检测。 我有一个可以检测触摸设备并重定向到另一个页面的衬里,但它似乎太简单了,不是一个简单的设备检测方法。这是多么

  • 问题内容: 我环顾四周,但找不到我想要的东西。 我的页面上目前有一个CSS动画,它是由:hover触发的。当使用媒体查询将页面调整为宽度超过700px时,我希望将其更改为“单击”或“触摸”。 如您所见,:hover不能在移动设备上工作,但我仍然想确保单击即可,而不是将其悬停。 如果可能的话,我宁愿使用CSS,但也对JQuery满意。 我觉得这很容易做到,但我只是缺少一些非常明显的东西!任何帮助,将

  • 我的导航折叠不会在第一次单击btn-navbar时显示,而是只在iPhone上显示。 虽然可以切换下拉菜单,但无法单击移动设备上的任何下拉菜单项。 我的页面在W3验证器上是有效的,并且我已经将.nav-collable和.collable类添加到我的navbar中。另外,在我的笔记本电脑上调整浏览器窗口的大小时,一切工作都很好。 您可以在这里看到现场网页:http://hartmandashboa

  • 问题内容: 我已经与React互动了几个月了,但是遇到了一些奇怪的事情。 在移动设备上根本不会触发点击事件: http://jsbin.com/morarewelu/1/edit?html,js,输出 http://jsbin.com/morarewelu/1/-在您的设备上检查 您可以看到该点击从未触发。在iPhone上进行测试。 这是预期的行为,还是仅仅是一个错误? 问题答案: React的G

  • 问题内容: 好的,我想做的是当用户单击列表项时将div向下滑动。 Selectric),它将选择框转换为无序列表。因此,当用户单击源输出为列表项的a时,我希望div向下滑动。 在移动浏览器(iOS7)上,选择框UI与标准选择框UI相同。 关于移动设备onClick的最佳做法是什么? 基本的jQuery: 谢谢。 问题答案: 最好将事件与jQuery方法结合使用: 而且我不明白为什么要使用方法,因为

  • 问题内容: 我的html主体中有一个巨大的块,其中占80%,并且我的下部还有一个页脚。 页脚中的文本也有80%,如果我在PC上测试它是相等的,但是如果我在移动设备上对其进行测试,则页脚中的文本非常小,无法读取。 这怎么可能?解释是什么,如何避免? 我的主要文字: 我的页脚: 我的CSS: 问题答案: 您是否已将 视口元标记添加 到文档中? 如果没有,请将其添加到您的头部: 移动浏览器自然会尝试缩小