Angularjs Listen-und detail-Ansicht

dies ist meine grundlegende Szenario. Für eine Liste von Elementen (Zusammenfassung) möchte ich zeigen, Detailansicht der Artikel, habe geklickt auf der gleichen Seite.

Nahm ich dieses jsfiddle Beispiel und verwandelte es in diesem jsfiddle. Wenn man sich das Verhalten, es funktioniert für die erste Zeit, aber es ist nicht konsistent.

Vielleicht kann mir jemand helfen mit diesem, oder schlagen Sie ein besserer Ansatz. Ich hätte gerne einen anderen controller für die Verwaltung der Liste und einen anderen controller zu handhaben die detail-Ansicht.

InformationsquelleAutor Chandermani | 2012-09-18

  1. 12

    Einen Weg der Transformation des Beispiels (vorausgesetzt, Sie verwenden möchten ngSwitch) wäre:

    <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>

    Und hier ist der Arbeits-jsFiddle: http://jsfiddle.net/pkozlowski_opensource/sJdzt/4/

    Ihre jsFiddle nicht funktionieren, da du versuchst, Referenz item erstellt, in der ngRepeat Umfang (und somit nicht verfügbar außerhalb der ngRepeat).

    Vielen Dank. Warum ich codiert war dieser Weg, denn ich will ItemController zu manipulieren, um das Element auszuwählen. Kann ich pass das geöffnete Objekt in einem lokalen Bereich der ItemController und dann manipulieren Sie das Element aus ItemController Bereich Methoden?
    nur ein Ereignis ausgelöst, enthält das Element geöffnet, und fangen Sie das Ereignis aus der ItemController.

    InformationsquelleAutor pkozlowski.opensource

Schreibe einen Kommentar