This is standard event propagation behavior in browsers.
Try $event.stopPropagation
on your <label>
:
<label ng-click="selectedlist[names.id]=!selectedlist[names.id]; $event.stopPropagation()">{{names.id}} </label>
If you want want to open when clicking left at the number, add padding-left to <li>
:
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
}