2014-05-06 6 views
6

Mein HTML-Code istng-Schalt, wenn sie mit ng-repeat

<tr ng-switch-when="true" ng-repeat="onlineCredentials in onlineCredentialDetails" > 
     <td> 
      <span>Ordering Mode: </span>{{onlineCredentials.mode}}<br /> 
      <span>Intermedtiary Group: </span>{{onlineCredentials.name}} 
     </td> 
     <td> 
      <span>Website: </span>{{onlineCredentials.webSite}} 
     </td> 
     <td > 
      <span>Username/Password</span> 
      <div ng-repeat="cred in onlineCredentials.loginDetails"> 
       -&nbsp;{{cred.userName}}&nbsp;/&nbsp;{{cred.password}} 
      </div><br /> 
     </td> 
    </tr> 

Welche keine verbindlichen Daten ... (TD s und Text vorhanden ist, aber verbindliche Eigenschaftswerte sind leer)

Wie mit ng-switch-when und ng-repeat auf einmal arbeiten?

Vielen Dank im Voraus

Antwort

22

ng-Schalter erfordert einen Elternteil ein

ng-switch-when="stuff1" 

Beispiel hat

ng-switch on="variableName" 

und Kinder zu haben, mit ng-repeat

<div ng-repeat="value in values" ng-switch on="value.color"> 
    <div ng-switch-when='blue'>Blue</div> 
    <div ng-switch-when='green'>Green</div> 
    <div ng-switch-when='orange'>Orange</div> 
</div> 

und deine Co llection zu ng-repeat könnte wie folgt aussehen:

$scope.values = { 
    one: {color: 'blue', worth: 2}, 
    two: {color: 'green', worth: 3}, 
    three: {color: 'orange', worth: 4},   
} 

http://plnkr.co/edit/YavzpaPUBaBQNA0pHMPN?p=preview