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
    }