title: angular passing input to child components in ng-content
body: <p>I want to pass some properties from a parent component to a child component using content projection, is that possible?</p>
  
  <p>For e.g. this is my template:</p>
  
  <pre><code>&lt;my-form [display]="'horiz'"&gt;
    Email: &lt;my-input [type]="'email'" ...&gt;&lt;/my-input&gt;
    Name: &lt;my-input [type]="'name'" [display]="'vert'" ...&gt;&lt;/my-input&gt;
    ...
  &lt;/my-form&gt;
  </code></pre>
  
  <p>Now the <code>my-form</code> component has the template like this:</p>
  
  <pre><code>&lt;form ...&gt;
    &lt;ng-content&gt;&lt;/ng-content&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>What I want is that the <code>display</code> property of <code>my-form</code> can be accessed by the <code>my-input</code> components, such that it can be overriden by the <code>my-input</code> component as well, like it is for the Name input.</p>
  
  <p>Is that possible?</p>