將數組變量從控制器傳遞給 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）混合在一起。 您的模板當前正在使用*ngFor ，這是一個 Angular 2+ 指令。 您需要更改模板以使用ng-repeat 。

<div>
  <div ng-repeat="card in cards">
    <li>
      {{card.dscTitulo}}
      {{card.dscSubTitulo}}
    </li>
  </div>
</div>

https://docs.angularjs.org/api/ng/directive/ngRepeat