Staram się więc iterować w tablicy obiektów o nazwie "Karty", aby wyświetlić niektóre informacje w nich za pomocą ng-bo, ale wydaje się, że dane nie są związane z HTML, ponieważ strona pozostaje pusta nawet Chociaż macierze i obiekty są zaludnione. Jakieś pomysły dlaczego? Dziękuję z góry <3

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>
0
Jao 20 październik 2020, 02:04

1 odpowiedź

Najlepsza odpowiedź

Problem polega na mieszaniu kanciasty 2+ (szablon) z Angularjs V1 (twój JavaScript). Twój szablon jest obecnie używany *ngFor, który jest dyrektywy kątowej 2+. Musisz zmienić szablon do użycia ng-repeat.

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

https://docs.angularjs.org/api/ng/direction/ngreation.

1
Jason White 20 październik 2020, 11:31