Angular | NgRx在将对象放入下拉列表之前检查对象中是否有空字段

// selectors.ts
import { createSelector } from '@ngrx/store';
import { AppState } from '../state/app.state';

export const selectItems = createSelector(
  (state: AppState) => state.items,
  (items) => items.filter(item => !hasEmptyFields(item))
);

function hasEmptyFields(obj: any): boolean {
  return Object.values(obj).some(value => value === null || value === undefined || value === '');
}

// my-component.component.ts
import { Component, OnInit } from '@angular/core';
import { Store } from '@ngrx/store';
import { Observable } from 'rxjs';
import { selectItems } from './selectors';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  items$: Observable<any[]>;

  constructor(private store: Store) {}

  ngOnInit(): void {
    this.items$ = this.store.select(selectItems);
  }
}

<!-- my-component.component.html -->
<select>
  <option *ngFor="let item of items$ | async" [value]="item.id">{{ item.name }}</option>
</select>