angularjs不同页面相同标签的事件重复调用——坑

原创 穗穗 随笔 angular 70阅读 2019-04-15 17:27:56 举报

用angularjs写了个项目,流程如下:
主页是个repeat出来的ul-li 的list,以及一个只有click事件的li,点击这个li可以打开一个弹窗,点击某个li的详情,在新标签页打开详情页,详情页也是个ul-li 的list,并且li数量总数和主页的相同(一定要相同才行)。
index.route.js:

主页模板:

主页js:

详情页的模板:

详情页的js,只有假数据:

哪怕详情页的li并没有绑定点击事件,单击最后一个li时,主页的第三个li的打开弹窗事件也会被调用……
这也太奇怪了吧……明明都不在一个页面里,事件名不冲突、controller名不冲突,可是依然会夸页面调用方法!
最后我实在没办法了只好修改了详情页模板文件,不再用ul-li,用div去repeat。
(其实还有个地方也有这个问题,只不过我简化了,就是点击详情页的li会加载显示个表单,表单有个保存的button,之前主页被打开的弹窗里,有个取消按钮,也是button,如果点击取消按钮,这个表单里的button的保存事件也会被调用……我也是相同的处理方式,把HTML标签换了)

如果有大神能知道这是怎么回事该怎么处理,跪求告知,不胜感激!!!这破bug折腾我好久了……虽然我知道该抛弃angularjs了,但是公司项目用到,没办法哇。
PS:希望自己就算没有遇到解决方法也能不因此失眠了,不然再贵的护肤品也救不了哇😂

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复