title: Passing scope variable to nested controller with template expression
body: <p>So first of all a simple introduction to what I am trying to accomplish. I have my firstController initiated by ui-router. This controller serves me some page based data, in this specific case its a product list.</p>
  
  <p>The firstController contains $scope.ids, which is an array of product id's. It initates secondController, which serves as the model and view of the productlist. The secondController handles features like filtering, sorting and so fourth, the firstController is the page itself.</p>
  
  <p>The thirdController is the actual product controller. It is run for every product, and checks up on variants, special discounts and offers and so fourth.</p>
  
  <p>My problem: The data-attr-id="{{ids}}" is not evaluated before the thirdController is initiated, thus the controller reads the data-attr-id value as {{ids}} instead if the array of numbers when the expression is evaluated.</p>
  
  <p>I would prefer not to convert these into directives. Any suggestions?</p>
  
  <pre><code>&lt;div ng-controller="firstController"&gt;
  
      &lt;div ng-controller="secondController" data-attr-id="{{ids}}"&gt;
  
          &lt;div ng-controller="thirdController" ng-repeat="product in productlist"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>