javascript - Angular.js ng-repeat 带条件

Question

我正在使用 ng-repeat 来迭代键/值数组。如果键=='First Name'我想将它绑定(bind)到firstName。我是 angular.js 的新手，可能有更好的方法吗？基本上我有一个键/值数组，我想用其中的一些键做一些事情。

<ul id="customers" infinite-scroll='loadMoreUsers()'>
        <li ng-repeat="user in users" data-customer-id="{{user.Id}}">

               <h4>{{user.firstName}} {{user.lastName}}</h4>

            <div ng-repeat="(key, value) in user.AttributeBag">
                <span ng-if="key == 'First Name'">{{user.firstName = value}}</span>
                <span ng-if="key == 'Last Name'">{{user.lastName = value}}</span></span>

                <span ng-if="key != 'First Name' && key != 'Last Name'">{{key}} : {{value}}</span>
            </div>
        </li>
    </ul>

Answer 1

ng-if 创建它自己的子作用域，这就是为什么您无法访问key

我能想到的两种方法

1. 使用 ng-show 而不是 ng-if。 ng-show 不会创建自己的作用域。
2. 使用 $parent 访问父作用域。但是，您在 ng-repeat 中使用了 user.AttributeBag 的抽象，因此需要进行一些调整。