title: How do I pass specific bindings to ng-outlet components brought in by the component router in Angular 1.5?
body: <p>I'd like to be able to pass parameters to child components brought in with ng-outlet. But I'm not sure how to do it.</p>
  
  <p>Here's an example of my component bindings:</p>
  
  <pre><code>app.component('profile', {
    bindings: {
      section: '=',
      currentUser: '&lt;'
    },
  ...
  </code></pre>
  
  <p>Normally I'd invoke this like so:</p>
  
  <pre><code>&lt;profile section="$ctrl.bio" current-user="$ctrl.selectedUser"&gt;&lt;/profile&gt;
  </code></pre>
  
  <p>But instead I have this:</p>
  
  <pre><code>&lt;ng-outlet&gt;&lt;/ng-outlet&gt;
  </code></pre>
  
  <p>And a router that passes the profile in.</p>
  
  <pre><code> $routeConfig: [
          { path: '/Profile/:id', name: 'Profile', component: 'profile' }]
  </code></pre>
  
  <p>So how the blazes do I pass other essential bindings, perhaps bindings that can't be encoded into the URL, to this component??</p>
  
  <p>Thanks, help is very much appreciated</p>
  
  <p><strong>EDIT: I've been asked to provide a more specific example of what I'd like to do.</strong></p>
  
  <p>I thought the conceptual issue was fairly clear, but here's a particular case where passing route parameters is clearly insufficient. Say at my App component level I have an event callback function, onDeleteItem(id)</p>
  
  <p>How do I replicate</p>
  
  <pre><code>bindings: {
      onDeleteItem: "&amp;"
  }
  
  ...
  
  &lt;some-component on-delete-item="$ctrl.onDeleteItem(id)"&gt;&lt;/some-component&gt;
  </code></pre>
  
  <p>with an ng-outlet?</p>