AngularJS에서 OR 연산을 사용하여 여러 값을 필터링하는 방법은 무엇입니까?

AngularJS에서 OR 연산을 사용하여 여러 값 필터링

AngularJS는 특정 기준에 따라 데이터를 필터링할 수 있는 강력한 필터링 메커니즘을 제공합니다. 그러나 단순화된 OR 연산을 사용하여 여러 값을 필터링하는 것은 어려울 수 있습니다.

"장르" 속성이 있는 영화를 나타내는 개체가 있다고 가정해 보겠습니다. "액션" 또는 "코미디" 장르의 영화를 필터링하려면 다음과 같은 필터 표현식을 사용하고 싶을 수도 있습니다.

{genres: 'Action'} || {genres: 'Comedy'}

그러나 이 접근 방식은 동적 필터링에는 작동하지 않습니다. $scope.genresToFilter에 저장된 장르 배열을 기반으로 필터링한다고 가정해 보겠습니다. 이 경우에는 보다 유연한 솔루션이 필요합니다.

사용자 정의 필터 생성

선호되는 솔루션은 사용자 정의 AngularJS 필터를 생성하는 것입니다. 수행 방법은 다음과 같습니다.

angular.module('myFilters', []).filter('bygenre', function() {
  return function(movies, genres) {
    var out = [];
    // Implement your filtering logic here
    return out;
  }
});

HTML 템플릿에서 다음과 같이 사용자 정의 필터를 사용합니다.

<ul>
  <li ng-repeat="movie in movies | bygenre:genresToFilter">{{movie.title}}: {{movie.genre}}</li>
</ul>

이제 GenresToFilter를 동적으로 변경하여 표시된 영화를 기반으로 필터링할 수 있습니다. 원하는 장르에. 이 접근 방식은 정적 필터 표현식을 사용하는 것보다 훨씬 더 다양합니다.

위 내용은 AngularJS에서 OR 연산을 사용하여 여러 값을 필터링하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!