title: Pass array variable from controller to html in Angular
body: <p>So, i'm trying to iterate on an array of objects called 'cards', to display some info inside of them using ng-for, but it seems the data isn't being bound to the html, as the page stays empty even though the arrays and objects are populated. Any ideas why? Thanks in advance &lt;3</p>
  <p><strong>newsController.js</strong></p>
  <pre><code>'use strict';
  
  angular
      .module('e-commerce')
      .controller('newsController', newsController)
      .directive('newsDirective', newsDirective);
  
  /** @ngInject */
  function newsController($scope) {
      var vm = this;
      $scope.cards = 
      [
          {
          dscTitulo : 'Lorem Ipsum',
          dscSubtitulo: 'Dolor sit amet conecticur adsplicit',
          dscNomeBotao: 'Ennunciatis Alan',
          urlFoto: 'https://i.pinimg.com/originals/38/bf/39/38bf39dd4bd45e83128c9600f30cba29.jpg'
          }
      ];
  }
  </code></pre>
  <p><strong>news.html</strong></p>
  <pre><code>&lt;div&gt;
      &lt;div *ngFor=&quot;let card of cards;&quot;&gt;
          &lt;li&gt;
              {{card.dscTitulo}}
              {{card.dscSubTitulo}}
          &lt;/li&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>