skillup

技術ブログ

JavaScript

AngularJSでのHtmlFormオプション+Filter

投稿日:2017年3月10日 更新日:

AngularJSにてHTMLのFormオプションの書き方など。

HTMLオプション

プルダウン

プルダウンが配列の時とオブジェクトのとき。通常はラベルと値が別々なのでオブジェクトのほうが多いはず。

配列型

ラベル型

AngularJSでselect要素にoptionをぶら下げる色々な方法

チェックボックス

主に帳票の一覧情報が出力されていてチェックされた時に帳票の伝票idを取得するなどのケースを想定

https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

ラジオ

複数選択肢からの中から指定された値をいれることを前提

js STUDIO input[radio]

disabled

上記のタグとはちょっと違うけどボタンのdisabledなどが簡単にできる機能

js STUDIO ngDisabled

Filter

読んで字のごとくfilter。特定の値の抽出などに向いている

Angular.js入門 (3)フィルタ
AngularJSのfilterフィルタの使い方

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

GoogleMapのカスタマイズ

GoogleMapの埋め込みってよくある要件だと思うのですが、先日、GoogleMapに色(企業カラー)をつけたいという要望がありました。 てっきり埋め込み1行で解決すると思いましたが、色々と調べるこ …

no image

npmコマンドの整理

npmのコマンドのまとめに関して。 Contents1 npmとは?2 よく使うコマンド2.1 npm init -y2.2 npm install パッケージ名(npm -i パッケージ名)2.2. …

no image

JSでの金額変換で気をつけることなど

以前、ちょっと特集した JSでの画面の金額集計 の続きです。 画面で帳票系のアプリを作ろうとしている時など、画面上の値から金額の合計金額を出すなどがよく見られます。 すごく基本的ですが、PHPに慣れて …

no image

Angular複数ファイルでの読み込み

Angularでいろいろな処理を書いているんですが、処理が膨らんでくると1つのファイルに全ての処理を書いていては当然非効率になります。 ざっくり分けると ほとんどの処理に共通な処理を集めたファイル 特 …

no image

Firebaseについて

前回Lambdaに少し触れましたが、2019年6月現在、サーバーレスなアプリというものが活況(?)のようです。 大規模なアプリというと Webサーバー+RDB+サーバーサイドプログラミング言語 が必須 …