javascript - Angular JS - How to add extra DIV in ng-repeat -


i have array a=[1,2,3,4,5,6].

using ng-repeat on array, creating 6 divs.

please refer plunker

is there way add 1 more div after each row. after 3 divs want add 1 div.

i looked this example. creating child div. possible create sibling div in ng-repeat

let's try ng-repeat-start & ng-repeat-end.

<div class="example-animate-container">   <div class="square" ng-repeat-start="friend in a">    {{$index}}   </div>   <div ng-if="$index % 3 == 2" ng-repeat-end>     div   </div> </div>

please note ng-repeat-start directive included since angular 1.2.1.

plnkr demo

ng-repeat: repeat series of elements of "one" parent element

<!--====repeater range=====-->   <any ng-repeat="friend in friends">   </any> <!--====end of repeater range=====-->

ng-repeat-start & ng-repeat-end: using ng-repeat-start , ng-repeat-end define start point , end point of extended repeater range

<!--====repeater range start here=====--> <any ng-repeat="friend in friends" ng-repeat-start>    {{friend.name}} </any><!-- ng-repeat element not end point of repeating range anymore-->  <!--still in repeater range--> <h1>{{friend.name}}</h1>  <!--html tag "ng-repeat-end" directive define end point of range --> <footer ng-repeat-end> </footer> <!--====end of repeater range=====-->

Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

inno setup - TLabel or TNewStaticText - change .Font.Style on Focus like Cursor changes with .Cursor -

is possible change .font.style on focus tlabel or tnewstatictext happens cursor when use .cursor ? there no built-in support track mouse hovering in inno setup @ time. however, intercepting window procedure of controls can track yourself. following example need innocallback library: [setup] appname=my program appversion=1.5 defaultdirname={pf}\my program outputdir=userdocs:inno setup examples output [files] source: "innocallback.dll"; destdir: "{tmp}"; flags: dontcopy [code] #ifdef unicode #define aw "w" #else #define aw "a" #endif const gwl_wndproc = -4; wm_mousemove = $0200; type wparam = uint_ptr; lparam = longint; lresult = longint; twindowproc = function(hwnd: hwnd; umsg: uint; wparam: wparam; lparam: lparam): lresult; function setcapture(hwnd: hwnd): hwnd; external 'setcapture@user32.dll stdcall'; function releasecapture: bool; external 'releasecapture@user32.dll stdcall'; func...
Read more