Question

我想在循环Angular中增加和减少一个值。

例如：引号

我想显示行情并显示报价编号，如下所示：

1 即可。＆lt; - 这就是我想要的东西

2 即可。＆lt; - 这就是我想要的东西

对于向服务器发送请求，这是 quotes.component.ts ：

import { Component, OnInit } from '@angular/core';
import { Response } from '@angular/http';
import {Quote} from "../quote.interface";
import {QuoteService} from "../quote.service";

@Component({
    selector: 'app-quotes',
    templateUrl: './quotes.component.html',
    styleUrls: ['./quotes.component.css']
})
export class QuotesComponent implements OnInit {
    quotes:Quote[];
    loading = false;

    constructor(private quoteService:QuoteService) {
    }

    ngOnInit() {
    }


    onGetQuotes() {
        this.loading = true;
        this.quoteService.getQuotes()
            .subscribe(
                (quotes:Quote[]) => this.quotes = quotes,
                (error:Response) =>console.log(error),
                (loading:Response) => this.loading = false
            );

    }


}

我的 quote.component.html 用于显示循环：

<div class="card mt-3" id="">
  <div class="card-header">
    {{ num ++ }}  |  {{ quote.content }}
  </div>

  <div class="card-footer">
    <div *ngIf="editing">
      <input type="text" [(ngModel)]="editValue">
      <a href="#" (click)="onUpdate()">Save</a>
      <a href="#" (click)="onCancel()">Cancel</a>
    </div>
    <div *ngIf="!editing">
      <a href="#" (click)="onEdit()">Edit</a>
      <a href="#" (click)="onDelete()">Delete</a>
    </div>


  </div>
</div>

如你所见，我写了{{ num ++ }}

赞PHP code 但它给了我错误！

未捕获错误：模板解析错误：

分析器错误：意外结束表达式

我怎么能搞清楚？

Answer 1

有关您无法++

的信息

禁止具有或促进副作用的JavaScript表达式，包括：

赋值（=，+ =， - =，...）
新
链接表达式;或者，
递增和递减运算符（++和 - ）

点击此处：https://angular.io/guide/template-syntax#template-expressions

如果你想重复显示某些内容，那么你应该使用*ngFor，因为有索引所以你应该这样使用

 <div class="row" *ngFor="let a of array; let i = index;">
            <div class="col-md-1">
              {{i + 1}}
            </div>
...rest of code
</div>

Angular：如何在循环中递增和递减值？

1 个答案: