过滤器不工作在角度？

Question

我有一个从 firebase 接收的简单数据，但过滤器不适用于该数据。 我搜索了很多帖子，但没有任何帮助。 缺少什么。？任何帮助

如果它在 OnInit() 中，我可以实现相同的数据。 以下是我的代码：

export class SignUpComponent implements OnInit {
ngOnInit() {
const someEvemnts = [
{type: 'attack', value: 1, target: 'dorkman'},
{type: 'yaeed', value: 2, target: 'dorkman'},
{type: 'attack', value: 3, target: 'fluffy'},
{type: 'attack', value: 4, target: 'dorkman'},
]
const total = someEvemnts
 .filter(event => event.type== 'attack')
 .filter(event => event.target== 'dorkman')
console.log(total); // works fine 

let check = this.values; // works fine 
let check2 = this.values.filter(val => val) // not works 
console.log(check);
console.log(check2); // returns empty
this.SignIn();
}

SignIn(){
  firebase.database().ref('/companies').on('child_added', (data)=>{
      this.values.push(data.val())
  }
  )
}
values=[];
}

控制台：

.

Answer 1

它不起作用，因为你调用 this.SignIn();在调用 console.log 后填充“Values”变量。因此，当您进行控制台时，“值”为空。

变量流行后执行“console.log”。

试试这个：

export class SignUpComponent implements OnInit {
ngOnInit() {
const someEvemnts = [
{type: 'attack', value: 1, target: 'dorkman'},
{type: 'yaeed', value: 2, target: 'dorkman'},
{type: 'attack', value: 3, target: 'fluffy'},
{type: 'attack', value: 4, target: 'dorkman'},
]
const total = someEvemnts
 .filter(event => event.type== 'attack')
 .filter(event => event.target== 'dorkman')
console.log(total); // works fine 

this.SignIn();
}

SignIn(){
  firebase.database().ref('/companies').on('child_added', (data)=>{
      this.values.push(data.val())

      let check = this.values; // works fine 
      let check2 = this.values.filter(val => val) // not works 
      console.log(check);
      console.log(check2); // returns empty
  }
  )
}
values=[];
}

Answer 2

let check2 = this.values.filter(val => val) // not works

不做这样的表达是不行的

let check2 = this.values.filter(val => val.isAwesome)

您要过滤什么？如果你想过滤字符串，你喜欢：

let check2 = this.values.filter(val => val.label === 'hello')