角度のあるngBind通貨のスタイルを設定する方法
ワーグナーデリマ
私はangularjsとcssでそれを作ろうとしています： 
基本的に、画像に表示されているように、数値の小数部分は右上隅にある必要があります。ng-bindを使用すると、通常どおりに配置できることを知っています。何か考えはありますか？ありがとうございました。
gmustudent
値の初期化（コントローラーから）
$scope.model.currency = 10.20;
ディレクティブコール
<div gl-currency="model.currency"></div>
ディレクティブJS
.directive('glCurrency', [function()
{
return {
scope:
{
glCurrency: '='
},
restrict: 'A',
templateUrl: 'currency.html',
link: function($scope, element, attrs)
{
$scope.$watch('glCurrency', function(currency)
{
if(currency)
{
var split = currency.toString().split('.');
if(Array.isArray(split))
{
$scope.number.dollars = split[0] ? split[0] : '0';
$scope.number.cents = split[1] ? split[1] : '00';
}
}
});
}
};
}]);
ディレクティブテンプレート
<div class="currency">
<span class="currency__dollars">{{ number.dollars }}</span>
<span class="currency__cents">{{ number.cents }}</span>
</div>
ディレクティブスタイリング
.currency {
position: relative;
}
.currency__dollars {
font-size: 24px;
padding-right: 10px;
}
.currency__cents {
font-size: 10px;
position: absolute;
top: 0;
right: 0;
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
LibreOfficeでデフォルトの通貨タイプを設定する方法
- 2
角度のあるng-templateセレクターのスタイルを設定する方法
- 3
通貨のフォーマットを設定する方法
- 4
通貨記号の括弧内にマイナス通貨を表示する方法
- 5
入力タイプファイルのスタイルを設定する角度
- 6
Beds OnlineAPI-ホテルの目的地と結果の通貨を設定する方法
- 7
MercadopagoSDKで通貨を設定する際の問題
- 8
Laravelキャッシャーのデフォルト通貨を設定する方法
- 9
PreferenceFragmentCompatのスタイルを設定する方法はありますか
- 10
角度-計算でdivスタイルを設定する方法
- 11
JavaFXFXMLファイルのスタイルを設定する方法
- 12
私の通貨記号Angularjsに従って、通貨フィルターを変更する方法
- 13
AndroidのonSearchRequested（）;のスタイルを設定する方法
- 14
角度モーダルカスタムの高さと幅を設定する方法
- 15
ApacheRoyaleでボタンのスタイルを設定する方法
- 16
Railsでタグのスタイルを設定する方法
- 17
ボタンのスタイルを設定する方法
- 18
Firemonkeyでボタンのスタイルを設定する方法
- 19
リサイザーのスタイルを設定する方法
- 20
CSSロールのスタイルを設定する方法
- 21
列グループのスタイルを設定する方法
- 22
角度のあるマテリアルのスタイルを選択する方法
- 23
Javaでカスタマイズ通貨を設定するにはどうすればよいですか？
- 24
通貨パイプangular2で右/左揃えを設定する方法
- 25
角度5で通貨タイプ入力を実現する方法は？
- 26
div の内側に内側の境界線がある div のスタイルを設定する方法は?
- 27
DataGridView-1つの列のみの通貨フォーマットを設定する方法
- 28
外部CSSでSVGのスタイルを設定する方法は？
- 29
UITextfieldの境界線スタイルを設定する方法
コメントを追加