html - AngularJS - Creating a new row when using ng-repeat -
I have made a simple ng-repeat to prepare a list of countries and their respective data I am using. Each list has a hidden row that can be expanded and collapsed. I am struggling to appear below this line from every row to HTML: Output: France 61.3 EUR 54 Expand the content / finish Germany 81.5 EUR 82 Extension of content / collapse Spain 12.7 EUR 78 Extension / collapse of content UK 51.3 GBR 64 Expand / collapse content you ng-repeat .
& lt; Tr ng-repeat = "country in the country" & gt; & Lt; TD & gt; {{Country.name}} & lt; / TD & gt; & Lt; TD & gt; {{country.population}} & lt; / TD & gt; & Lt; TD & gt; {{Country.currency}} & lt; / TD & gt; & Lt; TD & gt; {{country.gpd}} & lt; / TD & gt; & Lt; TR & gt; & Lt; P & gt; Expand / collapse content & lt; / P & gt; & Lt; / TR & gt; & Lt; / TR & gt; France 61.3 EUR 54 Germany 81.5 EUR 82 Spain 12.7 EUR 78 UK 51.3 GBR 64 Expand the content / collapse
ng-repeat-start and
ng-repeat -Finally Follow:
& lt; tr ng-repeat-start = "country in country" & gt; & Lt; TD & gt; {{Country.name}} & lt; / TD & gt; & Lt; TD & gt; {{Country.population}} & lt; / TD & gt; & Lt; TD & gt; {{Country.currency}} & lt; / TD & gt; & Lt; TD & gt; {{Country.gpd}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; Tr ng-repeat-end & gt; & Lt; Td> Expand / collapse content & lt; / Td> & Lt; / TR & gt;
Comments
Post a Comment