将数组变量从控制器传递到 Angular 中的 html

Question

所以，我正在尝试迭代一个名为“卡片”的对象数组，以使用 ng-for 显示其中的一些信息，但似乎数据没有绑定到 html，因为页面甚至保持空白尽管填充了数组和对象。任何想法为什么？提前致谢 <3

新闻控制器.js

'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'

        }

    ];

}

新闻.html

<div>

    <div *ngFor="let card of cards;">

        <li>

            {{card.dscTitulo}}

            {{card.dscSubTitulo}}

        </li>

    </div>

</div>

Answer 1

问题是您将 Angular 2+（您的模板）与 AngularJS V1（您的 javascript）混合使用。您的模板当前正在使用*ngForAngular 2+ 指令。您需要更改模板才能使用ng-repeat.<div>  <div ng-repeat="card in cards">    <li>      {{card.dscTitulo}}      {{card.dscSubTitulo}}    </li>  </div></div>