ng-repeat中ng-show的问题

时间:2017-03-30 23:31:22

标签: angularjs

我需要显示或隐藏列表中的一个项目

<div class="row">
    <ul  ng-repeat="event in events">
        <div ng-show="event.name == event.name" ng-model="event.id">
        <p ><a href="list_stand.html#/home/{{event.id}}">{{event.name}}</a> <a ng-click="showScope($event)">show scope</a></p>
        <p>{{ event.address }}</p>
        <p>{{ event.init_date }}</p>
        <p>{{ event.final_date }}</p>
        <p><!--button type="button" name="btnBook2" class="btn btn-primary" ng-click="book()">Book your place</button --></p>
        </div>
    </ul>
    <ul  ng-repeat-end></ul>
</div>

如何从控制器访问此事件之一,因此我可以更改变量“event.name”,以便隐藏?

1 个答案:

答案 0 :(得分:0)

您可以在控制器中添加一些变量,例如completedEvent.name = someEvent;

并更改您的HTML,如下所示:

<div ng-show="completedEvent.name == event.name" ng-model="event.id">