AngularJS - ng-repeat和ng-show

Question

我得到以下代码:

<div class="map" ng-controller="DealerMarkerListCtrl">
    <a ng-click="showdetails=!showdetails" href="#/dealer/{{marker.id}}" class="marker" style="left:{{marker.left}}px;top:{{marker.top}}px" ng-repeat="marker in dealer"></a>
</div>

而这个观点:

<div ng-show="showdetails" class="alldealermodal">    
    <div ng-view></div>
</div>

这个相同的"ng-show"东西只能在ng-repeat之外的一个链接上正常工作,但是在这个ng-repeat中它不起作用.
链接应打开叠加层.ng-view也有效.

我错过了什么？

Answer 1

由于ngRepeat创建了一个新范围,showdetails因此在您之外引用ng-repeat的实例与showdetails重复更新的实例不同ng-click.

您可以查看此帖子以获取更多详细信息,但是围绕新范围的一种方法是绑定到对象属性而不是基本类型.

这个小提琴显示了一个小例子绑定details.show而不是showdetails:

$scope.details = { show: true };