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 ng-repeat .

HTML: & 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

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-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

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -