Angular2 * ngIf检查模板中的对象数组长度

指向 https://angular.io/docs/ts/latest/guide/displaying-data.html和堆栈 How to check empty object in angular 2 template using *ngIf仍然得到语法错误自身上下文未定义.如果我删除* ngIf条件,那么我在teamMembers中获取值,如果我推一些值,我可以访问teamMembers中的值.

我的teamMember对象是[]数组我试图检查条件数组是空的大小.

尝试:

<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没有值,则它不会尝试访问未定义的长度,因为条件的第一部分已经失败.

相关文章

ANGULAR.JS:NG-SELECTANDNG-OPTIONSPS:其实看英文文档比看中...
AngularJS中使用Chart.js制折线图与饼图实例  Chart.js 是...
IE浏览器兼容性后续前言 继续尝试解决IE浏览器兼容性问题,...
Angular实现下拉菜单多选写这篇文章时,引用文章地址如下:h...
在AngularJS应用中集成科大讯飞语音输入功能前言 根据项目...
Angular数据更新不及时问题探讨前言 在修复控制角标正确变...