在ng-click上将数据绑定到所有子li项 [英] Binds data to all child li items on ng-click

问题描述

我尝试了什么： -

What I tried:-

**什么是问题： - **

**菜单示例： - **

Network1

设备

Object1

Object2

Network2

Devices2

Object21

Object22



这里的问题是，如果我点击Network1，那么***它会将Network1和Network2的子节点绑定到相同的数据*，并且设备**也会发生相同的情况。如果我点击Devices，那么它会绑定Devices对象以及Devices2对象。



请告诉我解决方案..

谢谢提前



我的尝试：

**What is Problem:-**
**Menu Example:-**
Network1
Devices
Object1
Object2
Network2
Devices2
Object21
Object22

Here the issue is, if I click on "Network1", then ***it binds both the children's of Network1 and Network2 with same data* and same happens with Devices**. If I click on Devices, then it binds Devices objects as well as Devices2 objects.

Please let me know the solution..
Thanks in Advance

What I have tried:

<ul class="" id="leftMenu">
    <li ng-repeat="(networkKey, networkValue) in menuValue track by $index"   class="has-chield"
        ><a href="#" ng-click="divVerticalMenuClickEventHandler($event, networkValue, 'NetworkLevel', '')" class="normal-anchor-color">
            Network {{$index+1}}<span class="sub-arrow"> </span></a>
        <ul class="" style="">
            <li ng-repeat="(deviceAccessPointKey, deviceAccessPointValue) in deviceAccessPointItems track by $index"    class="has-chield"
                ><a href="#" ng-click="divVerticalMenuClickEventHandler($event, networkValue +'/' +deviceAccessPointValue.name , 'DeviceLevel', deviceAccessPointValue.ref)" class="normal-anchor-color">
                    {{capitalizeFirstLetter(deviceAccessPointValue.name)}}<span class="sub-arrow"> </span></a>
                    <div ng-repeat="(objectkey, objectValue) in objectListItems">
                <ul class="" style="">
                    <li ng-repeat="(objectListKey, objectListValue) in objectValue track by $index | orderBy:sortMenu"
                        class=""><a href="#"  ng-click="divVerticalMenuClickEventHandler($event, objectListValue, 'ObjectListLevel', '')" class="normal-anchor-color">
                           {{GetUpdatedObjectname(objectListValue)}}<span> </span></a></li>
                </ul>
                </div>
            </li>
        </ul>
    </li>
</ul>

控制器绑定此项动态菜单。



$ scope.menuItems = payload.data;

Controller binds this menu dynamically.

$scope.menuItems = payload.data;

推荐答案

index 类 = has-chield
> < a href = ＃ < span class =code-attribute> ng-click = divVerticalMenuClickEventHandler（

index" class="has-chield" ><a href="#" ng-click="divVerticalMenuClickEventHandler(

event，networkValue，'NetworkLevel'，''） class = normal-anchor-color >
网络{{

event, networkValue, 'NetworkLevel', '')" class="normal-anchor-color"> Network {{

index + 1}} < span class = 子箭头 > < / span > ; < / a >
< ul class = style = >
< li ng-repeat deviceAccessPointItems tr中的 （deviceAccessPointKey，deviceAccessPointValue） ack by

index+1}}<span class="sub-arrow"> </span></a> <ul class="" style=""> <li ng-repeat="(deviceAccessPointKey, deviceAccessPointValue) in deviceAccessPointItems track by

这篇关于在ng-click上将数据绑定到所有子li项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！