将数组变量从控制器传递到 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>