Angularjs 列表和详细视图

这是我的基本场景。对于项目列表（摘要视图），我想显示在同一页面上单击的项目的详细信息视图。

我拿了这个jsfiddleexample http://jsfiddle.net/pkozlowski_opensource/65Cxv/7/并将其改造成这样jsfiddle http://jsfiddle.net/ptGWr/8/。如果你看看这个行为，它确实是第一次工作，但并不一致。

也许有人可以帮助我，或者提出更好的方法。我想要一个不同的控制器来管理列表和一个不同的控制器来处理详细视图。

转换示例的一种方法（假设您想使用 ngSwitch）是：

<ul ng-controller="ListController">
    <li ng-repeat="item in items" ng-controller="ItemController">
        <div ng-click="open(item)">{{item.content}}</div>        
    </li>
    <hr>
    <ng-switch on="anyItemOpen()">
     <div ng-switch-when="true">
         <div ng-controller="ItemController">
             {{opened.name}}: overlay: tweet, share, pin
         </div>  
         <a ng-click="close()">close</a>         
     </div>
    </ng-switch>   
</ul>

这是工作中的 jsFiddle：http://jsfiddle.net/pkozlowski_opensource/sJdzt/4/ http://jsfiddle.net/pkozlowski_opensource/sJdzt/4/

你的 jsFiddle 没有工作，因为你试图引用item在 ngRepeat 范围内创建（因此在 ngRepeat 之外不可用）。