javascript - 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-点击。

可以看到this post有关更多详细信息，但绕过新范围的一种方法是绑定(bind)到对象属性而不是原始类型。

This fiddle显示了一个绑定(bind)到 details.show 而不是 showdetails 的小示例:

$scope.details = { show: true };