Angular:使用打字稿在 html 内增加值
Angular: increment value inside html with typescript
在 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() {
}
}
我错过了什么?
我想你想要的是索引。试试这个代码:
<div *ngFor="let item of sn; let i = index">
{{i}}
</div>
如果要显示序列号可以使用索引。
<div *ngFor="let item of sn; let i = index">
{{i}}
</div>
在 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() {
}
}
我错过了什么?
我想你想要的是索引。试试这个代码:
<div *ngFor="let item of sn; let i = index">
{{i}}
</div>
如果要显示序列号可以使用索引。
<div *ngFor="let item of sn; let i = index">
{{i}}
</div>