Html AngularJS ng单击li图标
我有这个密码Html AngularJS ng单击li图标,html,css,angularjs,angularjs-ng-click,Html,Css,Angularjs,Angularjs Ng Click,我有这个密码 <div ng-repeat="names in mitypes = (mitype | filter:{parentid:0}:true)"> <li ng-click="newObject[names.id]=!newObject[names.id]"> <label ng-click="selectedlist[names.id]=!selectedlist[names.id]">{{names.id}} &l
<div ng-repeat="names in mitypes = (mitype | filter:{parentid:0}:true)">
<li ng-click="newObject[names.id]=!newObject[names.id]">
<label ng-click="selectedlist[names.id]=!selectedlist[names.id]">{{names.id}} </label>
</li>
</div>
</div>
我想点击png图像打开/关闭和标签选择节点。
现在,当您单击“li”的任何部分时,两个变量的含义都会改变
如何拆分这些事件?
提前感谢…这是浏览器中的标准事件传播行为 在您的
上尝试$event.stopPropagation
:
thx很多。所以我的标签填充左:30px;但不是我只有一次点击标签。我怎么能第二次点击李?@user3449258:对不起,我不明白。你能详细说明一下吗?这就是你想要的:
我如何分割这些事件?
@user3449258:我不确定我是否理解正确。如果你想让点击
变得容易,请把你的
放大或添加填充。对不起,我的英语很差=(@user3449258:我看了你的标签。但是点击标签并点击左边的填充物会触发相同的功能,因为它是同一个元素。将你的填充物向左移动:30px;
到li
会起作用
li {
list-style-type: none;
background-repeat: no-repeat;
background-position: left center;
}
li.closed
{
background-image: url(1.png);
}
li.opend
{
background-image: url(2.png);
}
<label ng-click="selectedlist[names.id]=!selectedlist[names.id]; $event.stopPropagation()">{{names.id}} </label>
li {
list-style-type: none;
background-repeat: no-repeat;
background-position: left center;
border: 1px solid white;
border-radius:5px;
background-color:lightblue;
padding-left: 30px; //add padding
}