Angular හි පයිප් භාවිතයෙන් සංඛ්‍යා ආකෘතිකරණය කිරීම
DecimalPipe පයිප් එක භාවිතයෙන්
සංඛ්‍යා ආකෘතිකරණය කළ හැකිය. පයිප් එකේ
පළමු පරාමිතියේ දී අපි අවම ඉලක්කම් ගණන
පූර්ණ සංඛ්‍යා කොටසේ සඳහන් කරමු. දෙවන
පරාමිතියේ දී අපි අවම ඉලක්කම් ගණන
දශම කොටසේ සඳහන් කරමු. තෙවන, විකල්ප
පරාමිතියේ දී අපි උපරිම ඉලක්කම් ගණන
දශම කොටසේ සඳහන් කරමු.
අපගේ පයිප් එක DecimalPipe ලෙස
හැඳින්වුවද, එය ලෙස කැඳවීමට අපි
මෙසේ ලියමු: number.
දැන් අපි ප්‍රායෝගිකව උත්සාහ කරමු. සංරචක වර්ගයේ දී පහත සංඛ්‍යාව නියම කරමු:
app/app.component.tsexport class AppComponent {
num: number = 18;
}
උදාහරණය
දැන් අපගේ සංඛ්‍යාව එහි පූර්ණ සංඛ්‍යා කොටසේ
ඉලක්කම් දෙකක් පවතින පරිදි ප්‍රදර්ශනය කරමු.
මෙහිදී දශම කොටසේ අවම ඉලක්කම් ගණන
1 වේ:
app/app.component.html<div>{{ num | number:'2.1' }}</div>
කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:
html<div>18.0</div>
උදාහරණය
දැන් අපගේ සංඛ්‍යාවේ දශම කොටසේ ඉලක්කම් දෙකක් ප්‍රදර්ශනය වන පරිදි නියම කරමු:
app/app.component.html<div>{{ num | number:'2.2' }}</div>
කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:
html<div>18.00</div>
උදාහරණය
දැන් නව සංඛ්‍යාවක් නියම කරමු:
app/app.component.tsexport class AppComponent {
num: number = 18.67899;
}
සහ එය HTML රුපරේඛාවේ දශම කොටසේ උපරිමව ඉලක්කම් දෙකක් ප්‍රදර්ශනය වන පරිදි ප්‍රතිදානය කරමු:
app/app.component.html<div>{{ num | number:'2.1-2' }}</div>
කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:
html<div>18.68</div>
උදාහරණය
දැන් අපගේ සංඛ්‍යාව එහි පූර්ණ සංඛ්‍යා කොටසේ ඉලක්කම් තුනක් පවතින පරිදි ආකෘතිකරණය කරමු. දශම කොටසේ ඉලක්කම් පහක් ප්‍රදර්ශනය වේ:
app/app.component.html<div>{{ num | number:'3.5-6' }}</div>
කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය:
html<div>018.67899</div>
උදාහරණය
දැන් අපි දශම කොටසේ අවම ඉලක්කම් ගණන, සංඛ්‍යාවේ නියම කළ ගණනට වඩා වැඩි කර ප්‍රදර්ශනය කිරීමට උත්සාහ කරමු. අපගේ නඩුවේ දී අපි ඉලක්කම් හයක් ප්‍රදර්ශනය කරමු:
app/app.component.html<div>{{ num | number:'3.6-8' }}</div>
කේතය ක්‍රියාත්මක කිරීමේ ප්‍රතිඵලය වශයෙන් අපි
දකින්නේ, DecimalPipe පයිප් එක ශුන්‍යයක්
දශම කොටසට එකතු කර ඇති බවයි:
html<div>018.678990</div>
ප්‍රායෝගික කාර්යයන්
සංඛ්‍යාව දෙනු ලැබේ:
typescriptnum: number = 15;
එය පහත ආකාරයට ආකෘතිකරණය කරන්න:
typescript'015.000'
සංඛ්‍යාව දෙනු ලැබේ:
typescriptnum: number = 12.345;
එය පහත ආකාරයට ආකෘතිකරණය කරන්න:
typescript'0012.345'
සංඛ්‍යාව දෙනු ලැබේ:
typescriptnum: number = 12.345;
එය පහත ආකාරයට ආකෘතිකරණය කරන්න:
typescript'12.3'
සංඛ්‍යාව දෙනු ලැබේ:
typescriptnum: number = 12.345;
එය පහත ආකාරයට ආකෘතිකරණය කරන්න:
typescript'012.34500'
සංඛ්‍යාව දෙනු ලැබේ:
typescriptnum: number = -7.261;
එය පහත ආකාරයට ආකෘතිකරණය කරන්න:
typescript'-007.3'
සංඛ්‍යාව දෙනු ලැබේ:
typescriptnum: number = 100.261923;
එය පහත ආකාරයට ආකෘතිකරණය කරන්න:
typescript'100.9226130'
සංඛ්‍යාව දෙනු ලැබේ:
typescriptnum: number = 100.926613;
එය පහත ආකාරයට ආකෘතිකරණය කරන්න:
typescript'0100.93'