javascript - 带有对象的 ionic 搜索栏不会显示任何内容

Question

我想在搜索栏中显示我的所有项目，我确实在互联网上查找但没有任何效果，我没有收到任何错误，但我没有在我的内容中显示任何项目。在这里留下我的 html 和 ts 文件。变量是西类牙语，抱歉

<ion-header>
  <ion-toolbar color="danger">
    <ion-buttons start
                 [navPush]="home">
      <button ion-button icon-only color="white">
        <ion-icon name="ios-arrow-back"></ion-icon> Inicio
      </button>
    </ion-buttons>

    <ion-buttons end>
      <button ion-button
              clear color="white"
              [navPush]="listaTerminada">LISTO</button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>


<ion-content padding class="backgroundd">
  <ion-searchbar (ionInput)="getItems($event)">
    <ion-list>
      <ion-item *ngFor="let articulo of listaProductos">{{articulo.nombre}}</ion-item>
    </ion-list>
  </ion-searchbar>
</ion-content>


import {Component, OnInit} from '@angular/core';
import { NavParams } from 'ionic-angular';
import {HomePage} from "../home/home";
import {ListaTerminadaPage} from "../lista-terminada/lista-terminada";
import {Articulo} from "../../Data/articulo.interface";

@Component({
  selector: 'page-elegiritems',
  templateUrl: 'elegiritems.html',
})
export class ElegiritemsPage implements OnInit{
  home=HomePage;
  listaTerminada=ListaTerminadaPage;
  listaProductos :Articulo[]=[];



  constructor(public navParams: NavParams) {
  }

  ngOnInit(){
    this.listaProductos = this.navParams.data;
  }

  getItems(ev:any){
    this.listaProductos = this.navParams.data;

    let val = ev.target.value;

    if (val && val.trim() != ''){
      this.listaProductos = this.listaProductos.filter((item: any) => {
        return (item.nombre.toLowerCase().indexOf(val.toLowerCase()) > -1);
      })
    }
  }
}

Answer 1

一个可能的问题是您的 ion-list 位于 ion-searchbar 中，如果您将列表移至搜索栏下方，是否会显示任何内容？另外，填充的数组不是列表，还是数组也没有填​​充？