Question

我正在尝试在我的应用上创建轮播。

给出的错误消息：/〜/ src / app / app.component.ts中的错误（23：8）图片未定义

新手对角度的尝试会逐步遵循指南，但似乎我错过了一些东西吗？

参考：https://ng-bootstrap.github.io/#/components/carousel/examples

app.component.ts

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {}

  images = [1, 2, 3].map(() => `https://picsum.photos/900/500?random&t=${Math.random()}`);

app.component.html

<app-top-bar></app-top-bar>

<div class="container">

<ngb-carousel *ngIf="images">
  <ng-template ngbSlide>
      <img [src]="images[0]" alt="Random first slide">
      <div class="carousel-caption">
        <h3>First slide label</h3>
        <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
      </div>
    </ng-template>
  </ngb-carousel>

  <router-outlet></router-outlet>
</div>

Answer 1

愚蠢的初学者错误->忘记将代码放在括号中。

inkVar.addEventListener("click", function() {
  listnerFunction("Case 2");
});

我还根据接受的答案更改了代码，因此现在一切正常：)

未定义/~/src/app/app.component.ts（23：8）图片中的错误

1 个答案: