Node.js HTML组件中的数字

嗨，我创建了一个团队（它可以工作），但我想计算价格。当你选择玩家时（他的价格是可用的），我想从默认价格中减去。所以默认价格是100，若你们选择花费5的玩家，计算到95，然后发送到数据库。 提取一名玩家的HTML：

  <mat-form-field>
   <mat-select placeholder="Goalkeepers" formControlName="goalkeeper">
  <mat-option *ngFor="let player of goalkeepers" [value]="player.id">
         {{player.name}} {{player.surename}} ({{player.price}}M)
  </mat-option>

</mat-select>
  <mat-error *ngIf="form.get('goalkeeper').invalid">Pleasse enter a goalkeeper.</mat-error>
</mat-form-field>

{{player.name}{{player.surename}}（{{player.price}}M）
请让守门员进来。

我还有团队徽章：

<p *ngFor="let userTeam of userTeamDetails">
    <span *ngIf="userTeam.badget">
     Tvoje dostupne peniaze: {{userTeam.badget}}M €
    </span>
  </p>

Tvoje dostupne peniaze:{{userTeam.badget}}M€

我试图使{{userTeam.badget-player.price}}成为{{userTeam.badget-player.price}}，但是userTeam不为人所知，我不想看到每个球员的price

---

我有什么可能性来计算这个？我不知道。谢谢。

您可以将

ng container

与

ngIf

结合使用，仅当团队及其预算存在时，才有条件地显示计算出的价格。例如：

{{player.name}{{player.surename}}（{{player.price}}M）
{{userTeam.badget-player.price}

您可以将

ng container

与

ngIf

结合使用，仅当团队及其预算存在时，才有条件地显示计算出的价格。例如：

{{player.name}{{player.surename}}（{{player.price}}M）
{{userTeam.badget-player.price}

谢谢您的回答。是的，这很有效，但只对守门员有效。但如果我有三个球员的选择，那么我只计算一个球员的徽章。所以，若我选择了第一个门将，我得到了100分（这是贝吉）——这是守门员的价格。而且我还有后卫，我又得到了100英镑的价格。。。但我需要一个徽章。如果我在三个输入中选择三名玩家，那么我得到了100-第一名玩家-第二名玩家-第三名玩家的价格。我该怎么做？我会保留一个

totalPrice

变量，每次添加/删除一名球员时，你分别从总数中减去或添加，然后从球队预算中减去该金额。请，你能给我举个例子吗？我如何创建它？请创建一个stackblitz，让我看一看，以便更好地理解你试图实现的目标。当然，这里有一个链接：但它不适用于stackblitz，因为我有很多联系，但这是这一部分，我们怎么说呢？我需要帮助，在第一个守门员身上，我尝试了你们的第一个帮助。但是你可以在代码中看到，谢谢你的回答。是的，这很有效，但只对守门员有效。但如果我有三个球员的选择，那么我只计算一个球员的徽章。所以，若我选择了第一个门将，我得到了100分（这是贝吉）——这是守门员的价格。而且我还有后卫，我又得到了100英镑的价格。。。但我需要一个徽章。如果我在三个输入中选择三名玩家，那么我得到了100-第一名玩家-第二名玩家-第三名玩家的价格。我该怎么做？我会保留一个

totalPrice

变量，每次添加/删除一名球员时，你分别从总数中减去或添加，然后从球队预算中减去该金额。请，你能给我举个例子吗？我如何创建它？请创建一个stackblitz，让我看一看，以便更好地理解你试图实现的目标。当然，这里有一个链接：但它不适用于stackblitz，因为我有很多联系，但这是这一部分，我们怎么说呢？我需要帮助，在第一个守门员身上，我尝试了你们的第一个帮助。但是你可以在代码中看到它