エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
web帳 | AngularJS + TypeScript で スターアイコン作成
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
web帳 | AngularJS + TypeScript で スターアイコン作成
いやぁ、Angularは便利だ。 ということで、AngularJS でスターアイコンを作成しましょう。 スターアイコ... いやぁ、Angularは便利だ。 ということで、AngularJS でスターアイコンを作成しましょう。 スターアイコンはよくあるこんな感じのやつですね。 Amazonのレビュー評価などにもありますよね。 今回はこれをtypescriptとAngularJSで作成します。 点灯している状態、半分点灯している状態、消灯している状態とそれぞれのデザインを用意し、 CSSのClassを半分点灯している状態を「half」、消灯している状態を「off」とでもしときます。 htmlの方はこんな感じで回して、 [gist id=85c001d0176cef648a76] jsonで数字を渡して表示させたいと思います。 個別に値を渡して表示させるのはもちろんですが、実際使うとなったらそれぞれの星の数を取得して 平均値を出して表示させたいですよね。 ということで、jsonはこのような感じに。 [gist id