Fatal编程技术网
  • angular/
  • Angular ionic-使用[hidden]隐藏不包含字符串的项

Angular ionic-使用[hidden]隐藏不包含字符串的项

angular typescript ionic-framework

Angular ionic-使用[hidden]隐藏不包含字符串的项,angular,typescript,ionic-framework,Angular,Typescript,Ionic Framework,我有一个保存textfield值的变量 this.search_value = null; 而不是有一张卡片清单： <div *ngFor="let i of lotes" class="card"> <div [hidden]="(this.search_value && this.search_value.trim()) || i.nome_lote.includes(this.search_value) "> ... <

我有一个保存textfield值的变量

 this.search_value = null;
而不是有一张卡片清单：

<div *ngFor="let i of lotes" class="card">

   <div [hidden]="(this.search_value && this.search_value.trim()) || i.nome_lote.includes(this.search_value) ">
   ...
   </div>

</div


...

你的情况不正确。您正在使用
或
运算符，因此当
搜索值
有一个值时，所有值都将被隐藏，第二个条件甚至不会被计算。您需要使用
和
运算符，即
和&
，还需要检查
i.nome\u lote.includes（search\u value）
是否为而非truthy，因为如果条件为
true，它将被隐藏。因此，请将代码更改为：






将
this.search\u value.trim（）作为条件的目的是什么？它总是会为假。@nullptr.t只是检查值是否为空。我正在尝试类似这样的操作：
this.search\u value&&i.nome\u lote.includes（this.search\u value）
我的意思是：当
search\u value
不是空的并且它出现在
i.nome\u lote