1. ホーム
  2. angular

[解決済み] Angular2 *ngIf テンプレート内のオブジェクト配列の長さをチェックする

2023-01-25 12:15:57

質問

参照先 https://angular.io/docs/ts/latest/guide/displaying-data.html とスタック Angular 2のテンプレートで*ngIfを使って空オブジェクトをチェックする方法 は、まだ構文エラーself context undefinedが表示されます。私は*ngIf条件を削除した場合、私はそこにいくつかの値をプッシュすると、私はteamMembersの値にアクセスできるように、teamMembersの値を取得しています。

私の teamMember オブジェクトは [ ] array 配列がサイズによって空であることを確認しようとしています。

を試しています。

<div class="row" *ngIf="(teamMembers | json) != '{}'">

<div class="row" *ngIf="teamMembers.length > 0"> //Check length great than
                                                 throwing syntax error
            <div class="col-md-12">
                <h4>Team Members</h4>
                <ul class="avatar" *ngFor="let member of teamMembers">
                    <li><a href=""><gravatar-image [size]="80" [email]="member.email"></gravatar-image></a></li>
                </ul>
            </div>
        </div>

コンポーネント:

@Component({
selector: 'pbi-editor',
})
export class AppComponent implements OnInit {
teamMembers: User[];

何かお手伝いいただけると幸いです。

どのように解決するのですか?

<div class="row" *ngIf="teamMembers?.length > 0">

これは、まず teamMembers が値を持っているか、そしてもし teamMembers にアクセスしようとしません。 lengthundefined というのは、条件の最初の部分がすでに失敗しているからです。