Javascript 带编号的角度自定义管道
我有两个用户输入。第一个输入是主数字。 第二个输入是主数字后面的零数 基本的Javascript 带编号的角度自定义管道,javascript,angular,typescript,pipe,Javascript,Angular,Typescript,Pipe,我有两个用户输入。第一个输入是主数字。 第二个输入是主数字后面的零数 基本的{{mainNumber | number:'1.5'}}工作。在这里,我将在主数字后面有五个零。但我希望5是动态的,是用户在第二个字段中输入的内容 这是component.html: Number <input type="number" [(ngModel)]="mainNumber" placeholder="Enter the number"> Zero: <inp
{{mainNumber | number:'1.5'}}
工作。在这里,我将在主数字后面有五个零。但我希望5是动态的,是用户在第二个字段中输入的内容
这是component.html:
Number <input type="number" [(ngModel)]="mainNumber" placeholder="Enter the number">
Zero: <input type="number" [(ngModel)]="zeroNumber" placeholder="Enter the zero"> <br>
<hr>
<b> Number: </b>{{mainNumber}}
<b> Zero: </b> {{zeroNumber}} <br>
<!-- {{ mainNumber | number: '1.10'}} -->
Final number: {{ mainNumber | mojpipe }}
这是我尝试构建的自定义管道,mypipe.ts:
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
mainNumber: number = 0;
zeroNumber: number = 0;
title = 'shopping-project';
}
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({ name: 'mojpipe' })
export class AddZero implements PipeTransform{
testTwo: number = 1;
transform(size: number){
return (size + "."+ this.testDva);
};
}
您可以在管道表达式中使用变量:
{{ mainNumber | number: ('1.' + zeroNumber }}
您可以在管道表达式中使用变量:
{{ mainNumber | number: ('1.' + zeroNumber }}
我只是在控制台中得到了这个错误:
mainNumber不是管道“DecimalPipe”的数字。
I修复了旧答案。这对我来说非常有用:Final number:{{mainNumber | number:('1.+zeroNumber)}
mainNumber不是管道'DecimalPipe'的数字。I修复了旧答案。这对我来说非常有用:Final number:{{mainNumber | number:('1.+zeroNumber)}