javascript - event.target 在 Angular JS 中不适用于我

Question

我正在为我的工作做一些 Angular 事情。我有一组带有 ng-show 的元素，并且我在每个元素 ng-show 上传递“自定义”。但它不适合我。我是 Angular 新手。谁能帮我解决这个问题

我的需要是每个元素都有具有隐藏状态的 UL。当我单击一个元素时，它会显示相应的 ul，而所有其他元素的 ul 都会隐藏。如果我点击另一个元素，之前打开的一个 ul 应该关闭，并且点击元素的 ul 应该打开。

我的代码如下

app.controller('multiSelect',['$scope', function($scope){
        $scope.custom = false;
        $scope.toggleCustom = function(event) {
            $scope.custom = false;
            $(event.target).custom = true;
            console.log($scope.custom);
            console.log($(event.target).custom);

        };
}]);

我的 HTML 是

<table cellspacing="0" cellpadding="0" border="0" class="">
                    <tbody>
                        <tr>
                            <td  ng-controller="multiSelect" ng-click="toggleCustom($event)" ng-class="{active : isSelected(site)}">
                             <div class="upvalue">1</div><div class="downvalue">{{selected}}</div>
                             <ul class="reveal" ng-show="custom">
                              <li class="pointer"></li>
                              <li ng-repeat="site in sites" ><a href="javascript:void(0)" ng-click="setMaster(site)">{{site.name}}</a></li>
                             </ul>
                            </td>
                            <td></td>
                            <td  ng-controller="multiSelect" ng-click="toggleCustom($event)" ng-class="{active : isSelected(site)}">
                             <div class="upvalue">2</div><div class="downvalue">{{selected}}</div>
                             <ul class="reveal" ng-show="custom">
                              <li class="pointer"></li>
                              <li ng-repeat="site in sites" ><a href="javascript:void(0)" ng-click="setMaster(site)">{{site.name}}</a></li>
                             </ul>
                            </td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td  ng-controller="multiSelect" ng-click="toggleCustom($event)" ng-class="{active : isSelected(site)}">
                             <div class="upvalue">3</div><div class="downvalue">{{selected}}</div>
                             <ul class="reveal" ng-show="custom">
                              <li class="pointer"></li>
                              <li ng-repeat="site in sites" ><a href="javascript:void(0)" ng-click="setMaster(site)">{{site.name}}</a></li>
                             </ul>
                            </td>
                        </tr>
                        </tbody>
                        </table>

Answer 1

调用该函数时需要添加$event。例如

<a href="#" ng-click="toggleCustom($event)" > Toggle </a>