给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端移动端都能实现了；

 

转载于:https://www.cnblogs.com/suzhen-2012/p/6516515.html