Le bloc-notes professionnel d'un développeur front-end senior
Source: Directive template unique IDs for elements in AngularJS
|
1 2 3 4 |
<div class="myDirective"> <input type="checkbox" id="myItem_{{$id}}" /> <label for="myItem_{{$id}}">open myItem_{{$id}}</label> </div> |
Source: ngRepeat dans la documentation officielle d’Angular JS
|
1 2 3 4 5 6 7 8 9 |
// Is there a way to count the number of keys in a json object directly in angular expressions? // https://stackoverflow.com/questions/33520317/is-there-a-way-to-count-the-number-of-keys-in-a-json-object-directly-in-angular app.filter('numKeys', function() { return function(json) { var keys = Object.keys(json) return keys.length; } }); |
Pour l’objet JSON lineData.details.config, numKeys me donne le nombre d’items présents dans l’objet.
|
1 2 3 4 5 6 |
<td> <span style="color: red; font-weight: bold;">{{lineData.details.config | numKeys}}</span> </td> <td ng-repeat="(id, config) in lineData.details.config" class="td-nobor" ng-init="resultCode=config.resultCode;stockMessage=config.stockMessage"> [...] </td> |
Pas tenté: mais peut probablement être utilisé également avec l’attribut HTML colspan.
Il suffit d’ajouter un attribut ng-hide="$index>0" sur l’ensemble des cellules du tableau qui contiennent l’attribut rowspan.
Source jsfiddle.net: AngularJS: ngRepeat & rowspan.
|
1 2 3 4 5 6 |
<tbody ng-repeat="group in groups"> <tr ng-repeat="member in group.members"> <td rowspan="{{group.members.length}}" ng-hide="$index>0"> </td> </tr> </tbody> |