title: How to wrap each child of contentchildren in their own elements in Angular
body: <p>lets say I want to make a component that arranges all of its children. I should be able to provide the element for example:</p>
  
  <pre><code>&lt;app-layout-list&gt;
    &lt;p&gt;foo&lt;/p&gt;
    &lt;p&gt;bar&lt;/p&gt;
    &lt;p&gt;etc&lt;/p&gt;
  &lt;/app-layout-list&gt;
  </code></pre>
  
  <p>and inside the app-layout-list should do something like</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;
      &lt;ng-content&gt;
    &lt;/li&gt;
  &lt;ul&gt;
  </code></pre>
  
  <p>where it generates an li for each content. Is this possible using ng-content or do I need to do something more complicated?</p>