javascript - 有没有办法有条件地将数据从 `ng-repeat` 传递到其他元素？

Question

我正在遍历一个数组，条件是我找到一个值。但是如何将该条件值传递给另一个元素呢？

示例:

<h1>{{title}}</h1> //how to get here?
<ul class="naviPrCatgInfo">

    <li ng-repeat='subProject in viewProject.SubProjectIds' ng-class="{'selected' : subProject.Id === subProjectId;}" > //how to pass?
        <a ng-class="subProject.Name | trimSpace" ng-href="" ng-click='changeSubProCat(subProject)'>
            {{subProject.Name}} {{subProject.Id}}
        </a>
    </li>

</ul>

Answer 1

不要在 ng-repeat 中声明新变量，因为它将被添加到 ng-repeat 创建的子作用域中。

您需要将 subProjectId 保留在 ng-repeat 范围之外，以便可以在 Controller 内部使用，您需要使用 $parent将该变量放在 Controller 范围内的注释，而不是 ng-repeat。

因此您可以根据 subProjectId 轻松过滤 viewProject.SubProjectIds 并在那里显示标题元素。

标记

<h1>{{(viewProject.SubProjectIds| filter: {Id: subProjectId}: true)[0].Name}}</h1>
<ul class="naviPrCatgInfo">
    <li ng-repeat='subProject in viewProject.SubProjectIds' ng-click="$parent.subProjectId = subProject.Id"
       ng-class="{'selected' : subProject.Id === subProjectId}">
        <a ng-class="subProject.Name | trimSpace" ng-href="" ng-click='changeSubProCat(subProject)'>
           {{subProject.Name}} {{subProject.Id}}
        </a>
    </li>
</ul>