Angular2如何处理.find方法中的空值

时间:2018-06-13 10:02:02

标签: angular2-forms angular4-forms

这里我写了简单的.find方法,它很好地找到了我的数据,但是如果那个记录不可用那么它的第一个记录

public _pagedItems : any;
    someval(value){
     if(value.length>=5){
        this._pagedItems= this.allItems.find(e=>e.uniqueid = value);
        this.pagedItems=[];
        this.pagedItems.push(this._pagedItems);

      }

如果我的uniquId不可用,那么它应该显示Nodata OR Null

1 个答案:

答案 0 :(得分:1)

以下是句柄null和undefined的示例,并且不返回像

这样的数据

您的代码看起来不对劲。您的代码使用(=)符号。所以改变(==)。

=和==(=)等号之间的差值是赋值(==)符号是比较值

这里有更恰当的例子,

public _pagedItems : any[]=[];
    someval(value:string){

    if(!this.isObjNull(value) && !this.isObjNull(this.allItems) && this.allItems.length>0){

     if(value.length>=5){
          if(this.allItems.find(e=>e.uniqueid ==value)){
               //you need one data use find
               this._pagedItems=this.allItems.find(e=>e.uniqueid == value);

              //you need multiple data use filter
              this._pagedItems = this.allItems.filter(e=>e.uniqueid == value);
          }
         //here Iam logged final variable 
         console.log("Final Paged Items",this._pagedItems);
      }
}
}

//here is the method check null and undefined.
isObjNull(data){
       If(data!=null && data!=undefined){
           return true:
       }else{
            return false;
       }
}

你可以像这样处理html部分

<ng-container *ngIf="_pagedItems; else noData">
    <ng-container *ngIf="_pagedItems.length>0; else noData">
        <!--   do you logic here.like *ngFor -->
    </ng-container>
</ng-container>

<ng-template #noData>
     <p>No data found</p>
</ng-template>

所有人都试试这一次。如有任何错误,请告诉我。

注意: - 这里我使用了样本变量,请替换你的实际变量。

有关比较,请访问此处。 Difference between == and === in JavaScript