如何定义一个以数字为参数并以角度返回正方形的函数？

Question

我有一系列数字，我需要显示这些数字及其各自的正方形。为此，我需要定义一个函数，该函数将数字作为参数并返回其正方形作为值。我尝试将函数定义为

 Numbers:number[]=[2,3,5,7];
  square(cm:number):number{
  return cm*cm;
 }

Answer 1

您需要使用 {{square(c1)}}，以便调用该方法并获取平方值

<h4> List Of Numbers</h4>
  <div class="row"*ngFor="let c1 of Numbers;index as i">
   <div class="col-1   m-1"> 
    {{i}}   
  </div>
  <div class="col-2 border bg-light m-1"> 
   {{c1}}
  </div>
   <div class="col-2 border bg-light m-1">
     {{square(c1)}}
  </div>
  <div class="col-1 border fa fa-trash m-1 bg-white" (click)="remove(c1)">
  </div>

Answer 2

您可以使用地图功能

var number = [2, 3, 5, 7]; 
var square = number.map(c=> c*c);

Answer 3

您正在使用错误的方式。在html中添加您的函数。

<h4> List Of Numbers</h4>
  <div class="row" *ngFor="let c1 of Numbers;index as i">
   <div class="col-1   m-1">
    {{i}}
</div>
<div class="col-2 border bg-light m-1">
    {{c1}}
</div>
<div class="col-2 border bg-light m-1">
    {{square(c1)}}
</div>
<div class="col-1 border fa fa-trash m-1 bg-white" (click)="remove(c1)">
</div>

Answer 4

import {Pipe, PipeTransform} from '@angular/core';
@Pipe({
  name: 'square',
})
export class SquarePipe implements PipeTransform {
  transform(value: any, ...args: any[]): any {
    return value * value
  }
}

html：

<ng-container *ngFor="let item of iterms">{{ item | square}}</ng-container>

模块：

declarations:[SquarePipe ]