The equivalent in Angular 2+

I’m having trouble finding something equivalent to this in Angular 2+

Need to get a filtered list, to show its results outside the loop

HTML

<div ng-app="myApp">
  <div ng-controller="myCtrl">
    <p>{{listFiltered.length}} fruits with letter E</p>
    <ul>
      <li ng-repeat="f in listFiltered = (fruits | filter:{'name':'e'})">{{f.name}}</li>
    </ul>
  </div>
</div>

JS

angular.module("myApp", [])
    .controller("myCtrl", function ($scope) {

  $scope.fruits = [
    {
      'name': 'banana'
    },
    {
      'name': 'apple'
    },
    {
      'name': 'pear'
    }
  ]
})

Demo

Codepen

Source: AngularJS