Question

我正在尝试过滤下面代码中的代码列表，这些代码在网络上的角度js中很好，但我们现在不能期望Ionic工作吗？

<ion-list *ngIf="items.length">
      {{items[0].title}}
      <ion-item ng-repeat="item in items | filter:searchLog">
        {{item == undefined}}
        <!--<ion-icon name="clipboard" item-left></ion-icon>
        <h2><b>Title: {{item.title}}</b></h2>
        <h3><b>Caller: {{item.caller.name}} - {{item.caller.number}}</b></h3>
        <h3><b>Location: {{item.caller.location}}</b></h3>
        <h3><i>Dispatcher: </i>{{item.dispatcher.name}} at {{item.timeStamp}}</h3>
        <h3><b>Dropped: {{item.canceled}}</b></h3>
        <h3 style="white-space: normal;"><i>Details:</i> {{item.details}}</h3>-->
      </ion-item>
    </ion-list>

这就是我的屏幕显示的内容：

car out of gas

true

对于我的生活，我无法理解这一点，因为如果我打印{{ items[0].title }}它在重复列表中工作正常，这意味着它没有从ng-repeat调用中返回这个item对象。甚至更奇怪的是*ngFor有效，但我不能过滤它:-(请帮助

TL; DR ：角度为ng-repeat，返回一个未定义的对象。

Answer 1

将*ngFor与管道（即过滤器）一起使用。如果它仍然无法正常工作，那么您的管道（过滤器）会出现问题。代码应如下所示：

<ion-list *ngIf="items.length">
      {{items[0].title}}

     <ion-item *ngFor="let item of items | searchLog">

        <ion-icon name="clipboard" item-left></ion-icon>
        <h2><b>Title: {{item.title}}</b></h2>
        <h3><b>Caller: {{item.caller.name}} - {{item.caller.number}}</b></h3>
        <h3><b>Location: {{item.caller.location}}</b></h3>
        <h3><i>Dispatcher: </i>{{item.dispatcher.name}} at {{item.timeStamp}}</h3>
        <h3><b>Dropped: {{item.canceled}}</b></h3>
        <h3 style="white-space: normal;"><i>Details:</i> {{item.details}}</h3>
    </ion-item>
</ion-list>

离子ng-repeat返回一个未定义的

1 个答案: