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

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>

模块.ts：

declarations:[SquarePipe ]