javascript - queryselector - ng-bind-html angular 4
Cómo obtener un símbolo de moneda específico(símbolo de rupia en mi caso) en js angulares en lugar del predeterminado(símbolo $ de dólar) (11)
Cuando uso ''moneda'' en js angular, obtengo un símbolo de dólar. Cómo obtener los símbolos de moneda requeridos según los requisitos. Como si ahora tuviera que saber cómo mostrar un símbolo de rupia usando la moneda. Sería de gran utilidad si alguien pudiera explicar cómo hacer uso de esta moneda para diferentes símbolos en los tiempos de diferentes requisitos.
muestra:
Item Price<span style="font-weight:bold;">{{item.price | currency}}</span>
Si my item.price es 200. Aquí muestra 200 $. Necesito mostrar el símbolo de Rupia en lugar de Dólar.
$ es el símbolo predeterminado para el filtro de moneda angular. Para obtener el resultado en otro símbolo, por ejemplo Rupia (₹), debe definirlo explícitamente en su aplicación. Para mostrar el símbolo ₹, solo tiene que agregar una opción en la moneda.
Ejemplo:
<span> <b>{{i.price | currency : ''₹'' }}</b> </span>
₹ es el código HTML para el símbolo ₹.
Currency pipe tiene 3 parámetros
1. Código de moneda del deseo..
2. Un valor booleano para indicar si mostrar el símbolo de moneda..
3. Información de dígitos (tiene 3 partes): consiste en el número mínimo de dígitos enteros, el número mínimo de dígitos fraccionarios y el número máximo de dígitos fraccionarios.
<span>{{value| currency:''1'':2:''3''}}</span>
Ejemplo
<span>{{9.667| currency:''USD'':true:''2.2-3''}}</span>
Salida
$ 09.667
Consulte para obtener más detalles: https://angular.io/api/common/CurrencyPipe
Para el código de moneda: https://en.wikipedia.org/wiki/ISO_4217
Si desea mostrar la moneda en rupia india. use el código INR
<span>{{100| currency:''INR'':true}}</span>
Salida
₹ 100.00
De acuerdo con los documentos de Angular JS Link la moneda se puede cambiar
Item Price<span style="font-weight:bold;">{{price | currency:[symbol]}}</span>
Item Price in Dollar<span style="font-weight:bold;">{{price | currency:"USD$"}}</span>
Item Price in Euro<span style="font-weight:bold;">{{price | currency:"€"}}</span>
Y para INR será el código de carácter Link2
Item Price in Ruppese<span style="font-weight:bold;">{{price | currency:"₹"}}</span>
"₹" es el código de carácter de: "₹"
El símbolo de moneda se puede cambiar desde el símbolo $ predeterminado a otra cosa de la siguiente manera:
En la vinculación de plantillas HTML
{{ currency_expression | currency[:symbol] }}
En JavaScript
$filter(''currency'')(amount[, symbol])
Podemos mostrar el símbolo de Rupia (en este caso) por ejemplo de la siguiente manera:
En la vinculación de plantillas HTML
Item Price<span style="font-weight:bold;">{{price | currency:"₹"}}</span>
O
En JavaScript
$scope.price=$filter(''currency'')($scope.price,"₹")
Además, podemos agregar un texto en lugar de un símbolo si es necesario de la siguiente manera:
Item Price<span style="font-weight:bold;">{{price | currency:"rupee"}}</span>
Nota: Copiar el símbolo de Rupia directamente en HTML no funcionará.
Llegué tarde a la fiesta pero trabajé en este filtro para mi último proyecto.
si tiene el código de moneda ISO 4217 (3 caracteres de longitud, por ejemplo, USD, EUR, etc.) isoCurrency puede generar el formato correcto, el tamaño de fracción y el símbolo .
// in controller
$scope.amount = 50.50;
$scope.currency = ''USD'';
// in template
{{ amount | isoCurrency:currency }} // $50.50
Para mostrar el símbolo de moneda en js angulares, debe proporcionar la entidad HTML para los símbolos de moneda a continuación, los ejemplos y el uso en el código y en la plantilla:
Dentro de su ejemplo de plantilla de Euro:
Item Price<span style="font-weight:bold;">{{price | currency:"€"}}</span>
ejemplo de Rupia:
Item Price<span style="font-weight:bold;">{{price | currency:"₹"}}</span>
También verifique a continuación la URL
http://www.cs.tut.fi/~jkorpela/html/euro.html
Desde el controlador:
Inyecta $ filter en tu controlador
$scope.price=$filter(''currency'')($scope.price,''€'')
Puedes usar el parámetro de símbolo:
Item Price<span style="font-weight:bold;">{{item.price | currency[:symbol]}}</span>
Ejemplo:
Item Price<span style="font-weight:bold;">{{item.price | currency:"USD$"}}</span>
Por favor refiérase a esto:
http://docs.angularjs.org/api/ng.filter:currency
Solución simple para la moneda INR.
Si quieres mostrar el símbolo
Item Price<span style="font-weight:bold;">{{item.price | currency:''INR''}}</span>
o
Item Price<span style="font-weight:bold;">{{item.price | currency:''INR'':''symbol''}}</span>
o
Item Price<span style="font-weight:bold;">{{item.price | currency:''INR'':''symbol-narrow''}}</span>
El resultado será similar a: ₹ 140.00
O si desea mostrar el código en lugar de símbolo, utilice la siguiente
Item Price<span style="font-weight:bold;">{{item.price | currency:''INR'':''code''}}</span>
El resultado será similar a: INR140.00
De forma similar, puede verificar el código de los otros países y reemplazarlo en lugar de INR (India Code)
Ver: http://docs.angularjs.org/api/ng.filter:currency
Simple con:
currency:"USD$"
y en lugar de USD $ usa lo que quieras
si quieres que sea dinámico, aquí está mi solución:
HTML
<div>{{ 100 | currencySymbol: ''USD'' }}</div>
Filtrar
angular.filter(''currencySymbol'', function ($filter) {
return function(amount, currency) {
return $filter(''currency'')(amount, currency_symbols[currency]);
}
});
Matriz de Javascript
var currency_symbols = {
''USD'': ''$'', // US Dollar
''EUR'': ''€'', // Euro
''GBP'': ''£'', // British Pound Sterling
''ILS'': ''₪'', // Israeli New Sheqel
''INR'': ''₹'', // Indian Rupee
''JPY'': ''¥'', // Japanese Yen
''KRW'': ''₩'', // South Korean Won
''NGN'': ''₦'', // Nigerian Naira
''PHP'': ''₱'', // Philippine Peso
''PLN'': ''zł'', // Polish Zloty
''PYG'': ''₲'', // Paraguayan Guarani
''THB'': ''฿'', // Thai Baht
''UAH'': ''₴'', // Ukrainian Hryvnia
''VND'': ''₫'', // Vietnamese Dong
};
<h2>{{8.99 | currency:''INR'':true}}</h2>