Testing out a repeat directive for protobots about copelandia HOT 7 CLOSED

http://localhost:9000/#/prototest @micahgodbolt

from copelandia.

<repeat-ntimes repeat="4">
    <h1>Header 1</h1>
    <p>This is the paragraph.</p>
  </repeat-ntimes>
  <hr/>
  <repeat-ntimes repeat="3">
    <p>Lucas ipsum sit amet darth biggs skywalker binks darth jade yavin darth moff jango. Utapau yoda darth yoda coruscant darth dooku. Mace jade solo qui-gon lando vader droid. Ben chewbacca skywalker droid owen. Qui-gon fett hutt sidious palpatine.</p>
  </repeat-ntimes>

from copelandia.

I made a change to this that we discussed in the commit. See 12dd022

So now instead of using <repeat-ntimes repeat="N"> you can use <ANYTAG data-proto-repeat="N"> to iterate the clone the contents N times.

from copelandia.

If there are any further changes please re-open.

from copelandia.

Let's look at the pros for a custom element.

Something about using the div, on an element that you are intending to replace (strip out) seems like it could be improved and accomplished and be more elegant to me by being clearly a replacement/todo indicator.

This would allow one to write all of the necessary html inside of the directive, and very clearly see that it is a place holder. Conversely, seeing a long line of HTML code with divs, the ability to quickly identify these <div data-xyz="5"> could/would get lost amongst all of the divs, where as <proto-repeat="4"> seems like it would server as a clear indication that HERE DUDE, THERE"S SOMETHING TO DO.

:)

from copelandia.

Good points, all.

I suppose if you're looking at this as something only prototypers would utilize vs. something we'd actually use in production, it makes sense. I'm trying, but I can't really think of a use case in which we'd actually want to use this in production either, since anything in production would most likely be wired up to data and therefor utilize ng-repeat. Can you think of any such instance?

from copelandia.

Pro HTML DIV tag...
. ajax or javascript into a pre-defined space/spaces.

Perhaps a grid that we would need to place content into an existing space.
Perhaps pre-defined tab markup that could auto create several Ul LI DIV structures for a quick ajax.

from copelandia.