Question

I would like to use the index of the iterate loop in the HTML as a value, as in:

   <select bind-value="gAddItem.drawType" 
            template iterate="int ind = 0; ind < gDrawDescs.length; ind++">
     <option value="{{ind.toString()}}"> {{gDrawDescs[ind]}} </option>
     </select>

But this intuitive syntax doesn’t seem to work. Is there a way to do this in Dart Web-ui?

Answer 1

Dart doesn’t seem to allow list range literals, which would allow the neat solution:

iterate="ind in [0 ... gDrawDescs.length]"

To get around this, create the following function:

List<int> createList(final int cnt) {
  var list = new List();
  for (var i=0; i<cnt; i++) {
     list.add(i);
  }
  return list;
}

And in the HTML:

iterate="ind in createList(gDrawDescs.length)"