angular - Angular - 在括号中显示负值并保持“类型:数字”
问题描述
我正在使用百分比图表,我想将负数格式化为括号而不是负号。我可以找到如何使用管道来执行此操作......但前提是我有货币管道,然后将数字类型转换为字符串。有没有办法保持类型为数字并用括号代替负号?这是管道:
export class MinusToParensPipe implements PipeTransform {
transform(value: any, args?: any): any {
return value.charAt(0) === '-' ?
'(' + value.substring(1, value.length) + ')' :
value;
}
}
解决方案
如果不需要管道,请尝试以下操作:
HTML
<p [ngClass]="{'setPerens' : isNegitive(YourNumericalValue)}">{{YourNumericalValue | negToPos }}</p>
SASS
.setPerens {
:before {
content: '(';
:after {
content: ')';
}
}
.TS
isNegitive(val: number): boolean {
if (val < 0) {
return true;
} else {
return false
}
}
编辑1:
为了摆脱减号,您现在可以像这样使用管道:
@Pipe({
name: 'negToPos'
})
export class NegToPosPipe implements PipeTransform {
transform(val: number): number {
return Math.abs(val);
}
}
推荐阅读
- html - css inline style - style="background-image:url for local image
- http - 更新 Salesforce 案例对象中的 http 响应正文
- spotify - 在使用 Spotify Web API 进行身份验证(而不是在浏览器中进行身份验证)时,有没有办法将用户重定向到 ios/native 应用程序?
- machine-learning - 如何使用`allennlp train`继续训练序列化的AllenNLP模型?
- database - ODI12c 中的数据库未处于打开状态 - 存储库创建实用程序
- typescript - 在 TypeScript 中是无效的。为什么我从 console.log 得到结果?
- r - 如何访问使用输入传递的传单地图?
- azure - 如何在 SPA Nuxt Web 应用程序的客户端访问 Azure 应用程序设置
- java - 在 MongoDB 中更新值加 1
- r-markdown - 在 RMarkdown 中编织时服务器意外关闭连接