AngularJS 图片点击应显示一个列表

Question

我是 angular 开发人员的新手。这是我自己做的第一个项目

我想创建一个显示图片的页面，点击其中一张图片必须在图片下方显示项目列表。

示例在此link。 http://www.hbo.com/schedule/hbonow-hbogo?category=Series&cmpid=now_order_series&subCategory=PMRS48

我试图在互联网上找到解决方案，但确实找到了一些，但不清楚如何创建这样的示例。

Answer 1

这是一个非常基本的例子：

<div ng-repeat="item in items">
    <h1 ng-click="showItem(item.id)">{item.title}</h1>
    <ul ng-show="item.showDetails">
        <li></li>
    </ul>
</div>

<script>
    $scope.showItem = function(itemId){
        $scope.items.map(function(item){
            if(item.id == itemId){
                item.showDetails = true;
            }
        });
    }
</script>