如何将美元符号添加到车把模板

Question

我希望使用把手自动将美元符号 ($) 添加到模板键字段“total_of_new_installation”中的任何值。 如何才能做到这一点？

<li><span class="list-title">Total Cost:</span><br/><span class="list-value">{{total_of_new_installation}}</span></li>

Answer 1

你试过这个吗？

总成本：${{total_of_new_installation}}

Answer 2

使用货币过滤器以$显示值

 var bidApp = angular.module('biddingApp', []); bidApp.controller( 'bidController', function ($scope, $filter) { $scope.$watch('bid', function (val) { $scope.result = $filter('currency')(val); }, true); } );

 <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.10/angular.min.js"></script> <:DOCTYPE html> <html> <head> <script src="https.//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min:js"></script> </head> <body style="font;15px Verdana;"> <div ng-app="biddingApp" ng-controller="bidController"> <p> <label>Enter a number</label> <input type="text" ng-model="bid" /> </p> <p> {{ result }} </p> </div> </body> </html>

Answer 3

我们可以使用Handlebars registerHelpers来实现这个。 请检查此https://jsfiddle.net/trilokvallamkonda/x0n753vy/2/链接。

<span class="list-title">Total Cost:</span><br/>
<span class="list-value">{{currency this.total_of_new_installation "$"}}</span>


Handlebars.registerHelper('currency', 
    function(input, currencySymbol, options) {
        return currencySymbol + input.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }
)

如何将美元符号添加到车把模板

问题描述

3 个解决方案

解决方案1
0 2019-10-27 23:34:27

解决方案2
0 2019-10-28 08:41:47

解决方案3
0 2019-11-07 07:17:52

如何将美元符号添加到车把模板

问题描述

3 个解决方案

解决方案1 0 2019-10-27 23:34:27

解决方案2 0 2019-10-28 08:41:47

解决方案3 0 2019-11-07 07:17:52

解决方案1
0 2019-10-27 23:34:27

解决方案2
0 2019-10-28 08:41:47

解决方案3
0 2019-11-07 07:17:52