Javascript 以角度将数组变量从控制器传递到html

因此，我尝试在一个名为“cards”的对象数组上进行迭代，以使用ng for显示其中的一些信息，但似乎数据没有绑定到html，因为即使填充了数组和对象，页面仍保持为空。你知道为什么吗？提前感谢问题是您将Angular2+（您的模板）与AngularJSV1（您的javascript）混合使用。您的模板当前正在使用

*ngFor

，这是一个Angular 2+指令。您需要更改模板以使用

ng repeat

{{card.dscTitulo}
{{card.dscSubTitulo}

---

您提供的javascript是AngularJS（v1），您提供的模板是Angular2+。你想用什么样的AngularJs版本？我正在做的项目是AngularJs 1，我应该在模板中做些修改吗？

'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'
        }
    ];
}

<div>
    <div *ngFor="let card of cards;">
        <li>
            {{card.dscTitulo}}
            {{card.dscSubTitulo}}
        </li>
    </div>
</div>