2014-05-06 6 views
6

मेरे एचटीएमएल कोडएनजी स्विच-जब एनजी-दोहराने के साथ

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

कौन सा बंधन डेटा ... (टीडी रों और पाठ मौजूद है, लेकिन बाध्यकारी संपत्ति मूल्यों खाली हैं)

कैसे नहीं है एनजी-स्विच के साथ काम करने के लिए जब एक समय में और ng-repeat?

अग्रिम धन्यवाद

उत्तर

1

इस डिजाइन कर रहा है। कृपया https://stackoverflow.com/a/15434085/1264360 देखें। मूल रूप से ठीक करने के लिए आपको एनजी-स्विच करने की आवश्यकता होती है जब ng-repeat के ऊपर किसी तत्व में।

22

एनजी-स्विच के साथ एनजी-दोहराने एक

ng-switch on="variableName" 

और बच्चे पैदा करने की एक माता पिता की आवश्यकता है

ng-switch-when="stuff1" 

उदाहरण के लिए

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

और आपका सह एनजी-दोहराने के लिए llection लग सकता है जैसे:

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

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

संबंधित मुद्दे