在Angular中将数组变量从控制器传递给html答案

【问题标题】：Pass array variable from controller to html in Angular在Angular中将数组变量从控制器传递给html
【发布时间】：2020-10-19 23:04:49
【问题描述】：

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

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

news.html

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

【问题讨论】：

您提供的 javascript 是 AngularJS (v1)，您提供的模板是 Angular 2+。您尝试使用什么角度版本？
我正在工作的项目在 AngularJs 1 中，我应该在模板中更改一些内容吗？

标签： javascript html arrays angular

【解决方案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

【讨论】：