Angular：使用打字稿在 html 内增加值

Question

在 Angular 中，我在打字稿中有一个变量，初始化值为 0。现在在我的 .ts 文件中，我想用 *ngFor 递增它。我以这种方式尝试过，但增量没有发生。（虽然循环是运行完美）

a.page.html

<div *ngFor="let item of sn">
  {{myNumber++}}
</div>

a.page.ts

import { Component, OnInit, Input } from '@angular/core';

@Component({
  selector: 'app-stock-modal-one',
  templateUrl: './a.page.html',
  styleUrls: ['./a.page.scss'],
})
export class AModalOnePage implements OnInit {

  myNumber = 0;

  sn = ['a', 'wefwef', 'qwqw', 'qw', 'qw'];

  constructor() {

  }

  ngOnInit() {
  }
}

我错过了什么？

Answer 1

我想你想要的是索引。试试这个代码：

<div *ngFor="let item of sn; let i = index">
  {{i}}
</div>

Answer 2

如果要显示序列号可以使用索引。

<div *ngFor="let item of sn; let i = index">
  {{i}}
</div>

Angular：使用打字稿在 html 内增加值

Angular: increment value inside html with typescript

javascript

angular

typescript

ngfor

string-interpolation