title: Can't pass an array of objects to a directive
body: <p>I have written this directive</p>
  
  <pre><code>var app = angular.module('ExampleApp2', ['ngResource', 'ngRoute']);
  app.config(function($routeProvider){
      $routeProvider
          .when('/page1', {templateUrl: 'page1.html', controller: 'page1Controller'})
          .when('/page2', {templateUrl: 'page2.html', controller: 'page2Controller'})
          .otherwise({redirectTo: '/page1'})
  });
  
  app.directive('mymenu', function() {
      return {
          restrict: 'E',
          scope: {
              menuItems: "="
          },
          templateUrl: 'menu.html'
      };
  });
  app.controller('page1Controller', function($scope, $location) {
      $scope.menuItems = [{title: "Menu Item1", address: "/page3.html"}, {title: "Menu Item2", address: "/page4.html"}]
  });
  
  app.controller('page2Controller', function($scope, $location) {
      $scope.menuItems = [{title: "Menu Item3", address: "/page5.html"}, {title: "Menu Item4", address: "/page6.html"}]
  });
  </code></pre>
  
  <p>The template of the directive is </p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;th&gt;My Menu&lt;/th&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr ng-repeat="item in menuItems"&gt;
              &lt;td&gt;&lt;a href="{{item.address}}"&gt;{{item.title}}&lt;/a&gt;&lt;/td&gt;          
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and I am trying to use it like this</p>
  
  <pre><code>&lt;div&gt;
  &lt;mymenu menuItems="{{menuItems}}"&gt;&lt;/mymenu&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But it only prints the table header but no items. I also tried using a menItems: '@' but still it shows nothing.</p>
  
  <p>My hope was that the {{menuItems}} would pass the array and then the menItems: '=' would assign it to the internal scope of the directive ... </p>
  
  <p>In my main page I removed the {{menuItems}} and called my directive as  but still the same issue.</p>