AngularJS-检查ng重复中的空项

AngularJS - check for null item in ng-repeat

本文关键字:检查 ng AngularJS-      更新时间:2023-09-26

我使用ng repeat来显示表中的行,当两个项不为空时,我希望在HTML中显示true。我已经搜索过了,但找不到表达式或ng指令。

<table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>Account Enabled?</th>
                        <th>Username</th>
                        <th>Date Registered</th>
                        <th>User Displayname</th>
                        <th>Password Reset?</th>
                        <th>Password Valid To</th>
                        <th>Log On Count</th>
                        <th>Last Logged On</th>
                        <th>Is Primary Account?</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    <tr data-ng-repeat="item in onlineAccounts.CommunicationMethods">
                        <td>
                            {{item.IsEnabled}}
                        </td>
                        <td>
                            {{item.UserName}}
                        </td>
                        <td>
                            {{item.CreatedOn}}
                        </td>
                        <td>
                            {{item.OnlineDisplayName}}
                        </td>
                        <td>
                            {{}}
                        </td>
                        <td>
                            <div ng-if="item.PasswordResetTokenValidTo != null &&  item.PasswordResetTokenValidTo != null">True</div>
                            <div ng-if="item.PasswordResetTokenValidTo == null item.PasswordResetTokenValidTo == null">False</div>
                        </td>
                        <td>
                            {{item.LogOnCount}}
                        </td>
                        <td>
                            {{item.LastLoggedOn}}
                        </td>
                    <td>
                            {{item.IsDefault}}
                    </td>
                </tr>
                </tbody>
            </table>

这是我想更改的行:

  <div ng-if="item.PasswordResetTokenValidTo != null &&  item.PasswordResetTokenValidTo != null">True</div>
                            <div ng-if="item.PasswordResetTokenValidTo == null item.PasswordResetTokenValidTo == null">False</div>

我得到错误:

Error: [$parse:syntax] Syntax Error: Token 'item' is an unexpected token at column 40 of the expression [item.PasswordResetTokenValidTo == null item.PasswordResetTokenValidTo == null] starting at [item.PasswordResetTokenValidTo == null].

有什么棱角分明的大师可以帮我吗?

您忘记了&&

<div ng-if="item.PasswordResetTokenValidTo == null && item.PasswordResetTokenValidTo == null">False</div>
---------------------------------------------------^^

您忘记了&amp;

<div ng-if="item.PasswordResetTokenValidTo == null && item.PasswordResetTokenValidTo == null">False</div>