AngularJS Image onclick应该显示一个List

Question

我是角度开发的新手。这是我自己做的第一个项目

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

此链接中提供了示例。 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>