CODEWITHSUNDEEP
csshtmlionic-framework
olufemi jolugbo
olufemi jolugbo

Reputation: 155

how to use Naira Currency symbol for money format html

I am trying to get the value of Total redemption to be on the same line with the word "Total Redemption" like the way Total Accrued Points looks, I am using an image for my currency symbol and the code for this display is

<div class="item item-body " >  
<div class="container">
 <div class="right">
 Total Accrued Points :  {{reportData.accruedpoints}}<br/>
 <p>Total Redemption:<img src='img/naira.gif' alt="Naira" height='20' width='20' align='bottom'> {{reportData.redeemableamt | currency : ""}}
</p>
</div>
<a  <a href="#/app/transactionsBreakDown/{{reportData.submerchantId}}" class="button button-full button-assertive ink" >View {{reportData.submerchantId}} Details</a>

enter image description here

Upvotes: 0

Views: 1563

Answers (4)

Aminu Zack
Aminu Zack

Reputation: 21

just do this and you are good to go

{{basketTotal | currency: '&#8358; '}}

Upvotes: 0

Manunyi
Manunyi

Reputation: 31

Use span element 

<span><span>&#8358;</span> 15,000</span>

Upvotes: 0

Johannes
Johannes

Reputation: 67776

add display: inline to the CSS of your your image tag to display it inline within the paragraph:

<img src='img/naira.gif' alt="Naira" height='20'
width='20' align='bottom' style="display:inline;">

Upvotes: 0

Sumeet Shroff
Sumeet Shroff

Reputation: 91

Always use Unicode for text and currency

&#8358; 12,000

http://www.fileformat.info/info/unicode/char/20a6/index.htm

Upvotes: 5

Related Questions