• 给button绑定事件,在pc端不能触发但在移动端能触发的问题


    先简单描述一下问题的现状:

        在开发ionic项目的app时,需求点击按钮弹出弹框提示信息,实现在按钮上绑定一个点击事件来执行弹框的行为;

        结果在PC端不能触发,但是在浏览器的移动端模式下是可以触发的;

    起初代码的实现:html部分

    <form name = "myForm">
          <label for="">
            <input type="text" ng-model="user.name"/>
          </label>
          <label for="">
            <button type="button" ng-click="getConfig()"></button>
          </label>
     </form>
    

    angular部分:

         注:其他的环境都是配置好的只是体现以下当时的代码环境

     $scope.getConfig = function(){
            alert("执行了吗?")
     }
    

    主要想体现一下这个问题,放置的简单的代码;

    这段代码在pc端是不能alert出语句来,但在移动端就能弹出来,在面临这个问题的时候很困扰,感觉从来

    没有遇见过的bug,最后是在查阅了一些文档之后才感觉到有点顿悟啊,感觉这个知识点平时遇不到也就不清楚了,

    问题的根源就是在于在html部分,就像浏览器子解析p里面的div时是不能被渲染的一样,在label里面放button也

    会不能实现,但在手机端能实现可能就跟兼容性有关了!

    更改html代码:

    <form name = "myForm">
          <label for="">
            <input type="text" ng-model="user.name"/>
          </label>
            <button type="button" ng-click="getConfig()"></button>
     </form>
    

      再执行就能在pc端移动端都能实现了;

  • 相关阅读:
    AES对称加密和解密
    Akka并发编程框架 -概念模型(Akka.net或者Orleans)
    .net经典书籍
    计算机专业经典著作(转载)
    windows创建定时任务执行python脚本
    数据库中为什么不推荐使用外键约束(转载)
    《SQL Server性能调优实战》知识点汇总
    数据库索引知识汇总
    ASP.NET常见异常处理示例
    MVC的HTTP请求处理过程(IIS应用程序池、CLR线程池)
  • 原文地址:https://www.cnblogs.com/suzhen-2012/p/6516515.html
Copyright © 2020-2023  润新知