Как добавить знак доллара в шаблон руля - PullRequest
Новая
       47

Как добавить знак доллара в шаблон руля

1 голос
/ 28 октября 2019

Я хочу автоматически добавить знак доллара ($) к любому значению в поле ключа шаблона "total_of_new_installation" с помощью руля. Как это можно сделать? 

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

Ответы [ 3 ]

0 голосов
/ 28 октября 2019

Использование фильтра валют для отображения значений в $ 

 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>
0 голосов
/ 07 ноября 2019 
We can achieve this use Handlebars registerHelpers. Please check this [https://jsfiddle.net/trilokvallamkonda/x0n753vy/2/][1] link.

Общая стоимость:{{currency this.total_of_new_installation "$"}}

Handlebars.registerHelper ('currency', функция (input, currencySymbol, параметры) {

return  currencySymbol+input.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

})

0 голосов
/ 28 октября 2019

Вы пробовали это?

Общая стоимость: $ {{total_of_new_installation}}

...