javascript - 通过侧边栏过滤列表

Question

有两个项目列表。一份用于您的博客文章，一份用于作者。

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

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

信息通过 Rails 通过数据库提供给我们。如果您不了解 Rails，请假设您已经掌握了大量的 JSON 来使用。

现在，我们列出博客文章:

<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>

然后您决定在 #blog-posts div 中留出一个旁白(以便它位于 PostsCtrl 内)来列出作者:

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

很高兴您列出了此内容并显示作者，但您还希望允许人们根据作者进行过滤。

关键问题:点击作者时如何过滤博客文章？

Answer 1

提示:当用户单击作者 ( ngClick ) 时，将作者放入变量中，然后您可以将其用于 filter帖子列表。