title: ng-repeat used over array inside object is repeating equal to number of object elements?
body: <pre><code>.controller('DishDetailController', ['$scope', function($scope) {
  
           var dish={
                        name:'Uthapizza',
                        image: 'images/uthapizza.png',
                        category: 'mains', 
                        label:'Hot',
                        price:'4.99',
                        description:'A unique combination of Indian Uthappam (pancake) and Italian pizza, topped with Cerignola olives, ripe vine cherry tomatoes, Vidalia onion, Guntur chillies and Buffalo Paneer.',
                         comments: [
                             {
                                 rating:5,
                                 comment:"Imagine all the eatables, living in conFusion!",
                                 author:"John Lemon",
                                 date:"2012-10-16T17:57:28.556094Z"
                             },
                             {
                                 rating:4,
                                 comment:"Sends anyone to heaven, I wish I could get my mother-in-law to eat it!",
                                 author:"Paul McVites",
                                 date:"2014-09-05T17:57:28.556094Z"
                             },
                             {
                                 rating:3,
                                 comment:"Eat it, just eat it!",
                                 author:"Michael Jaikishan",
                                 date:"2015-02-13T17:57:28.556094Z"
                             },
                             {
                                 rating:4,
                                 comment:"Ultimate, Reaching for the stars!",
                                 author:"Ringo Starry",
                                 date:"2013-12-02T17:57:28.556094Z"
                             },
                             {
                                 rating:2,
                                 comment:"It's your birthday, we're gonna party!",
                                 author:"25 Cent",
                                 date:"2011-12-02T17:57:28.556094Z"
                             }
                            ]};
  
          $scope.dish = dish;
  </code></pre>
  
  <p>//and repeat code is:</p>
  
  <pre><code>&lt;div class="col-xs-9 col-xs-offset-1"&gt;
      &lt;ul&gt; 
        &lt;li ng-repeat="x in dish"&gt;
          &lt;ul class="media-list"&gt;
            &lt;li ng-repeat="com in dish.comments | filter:filtText" &gt;
              &lt;blockquote&gt;&lt;h4&gt;&lt;b&gt; {{ com.rating}} Stars &lt;/b&gt;&lt;/h4&gt;
                &lt;p&gt; {{com.comment}}&lt;/p&gt;
                &lt;p style="color:#919FB8"&gt; - {{com.author}} , {{com.date}}&lt;/p&gt;
              &lt;/blockquote&gt; &lt;/li&gt;
          &lt;/ul&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to output list of comments one time only. But instead it is showing 7 times. I'm not able to understand the problem with my repeat code.</p>