先简单描述一下问题的现状:
在开发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端移动端都能实现了;