HTML 대신 javascript에서 필터를 사용하는 방법

HTML 대신 javascript에서 필터를 사용하는 방법

Angular를 사용하고 있습니다.JS도 좋고문서 - Javascript에서 이 Angular와 동등한 것은 무엇입니까?JS 식:

<div>{{ (myList| filter:mySearch).length }}</div>

도와 주셔서 감사해요.

Angular의 필터 설명서에 나와 있습니다.

HTML 템플릿바인딩

{{ filter _ configuration | filter : configuration } }

자바스크립트

$filter "filter" (어레이, 식)

당신의 경우, 그것은 마치$filter('filter')(myList, mySearch).

대체 구문으로서 필터를 직접 삽입할 수도 있습니다.$filter서비스.예를 들어 주입하는 경우filter다음과 같이 쓸 수 있습니다.

MyCtrl = function($scope, filterFilter) {

  $scope.filtered = filterFilter(myArray, expression);
}

컨트롤러에서 필터를 사용하는 방법과 매우 유사한 질문입니다.

html에서

<input ng-model="search">
<div ng-repeat="thing in things | filter:searchResults"></div>

JS에서

$scope.$watch('search', function (newValue, oldValue) {
  var searchResults = filterFilter($scope.things, $scope.search);
});

언급URL : https://stackoverflow.com/questions/14935996/how-to-use-a-filter-in-javascript-instead-of-the-html