Javascript 通过边栏筛选列表

有两个项目列表。一个用于你的博客帖子，一个用于作者

var app = angular.module("Blog", []);

app.controller('PostCtrl', function($scope) {
  $scope.posts = <%= @posts.to_json.html_safe %>;
  $scope.authors = <%= @authors.to_json.html_safe %>;
});

很好，您列出了这些内容并显示了作者，但您也希望允许人们根据作者进行筛选

---

关键问题：当用户单击作者时，如何过滤博客文章？

提示：当用户单击作者（）时，将作者放入变量中，然后可以将其用于文章列表

<div id="blog-posts" ng-controller="PostCtrl">
  <article class="post" ng-repeat="post in posts">
    <h1> {{ post.title }} </h1>
    <small> By {{ post.author }} on {{ post.created_at }} </small>
    <p> {{ post.body }} </p>
  </article>
</div>

<aside>
  <h2> Authors </h2>
  <ul>
    <li ng-repeat="author in authors">
      {{ author.name }}
    </li>
  </ul>
</aside>