title: AngularJS if statement with ng-repeat
body: <p>I'm having trouble trying to use an if alongside a repeat statement.</p>
  
  <p>I'm fetching data, as follows: </p>
  
  <pre><code>modules: Array[1]
      0: Object
          embed: "&lt;iframe width="600" height="338" src="https://www.youtube.com/embed/UqdDAn4_iY0"
                 frameborder="0" allowfullscreen="" style="margin:0px auto;display:block;"&gt;&lt;/iframe&gt;"
          type: "embed"
      1: Object
          src: "https://m1.behance.net/rendition/modules/127899607/disp/072cebf2137c78359d66922ef9b96adb.jpg"
          type: "image"
  </code></pre>
  
  <p>So, if the module has a type of image, i want to get the image. If it has type embed, i want to get the iframe. My current view code is:</p>
  
  <pre><code>&lt;div ng-repeat="project in project.modules" ng-if="project.type == 'image'"&gt;
      &lt;img src="{{ project.src }}"  class="img-responsive img-centered" alt="{{ project.name }}"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works well if i take out ng-if. Console outputs the following error:</p>
  
  <pre><code>Error: Multiple directives [ngRepeat, ngIf] asking for transclusion on: &lt;!-- ngRepeat: project in project.modules --&gt;
  </code></pre>