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

途中入力離脱防止処理 JavaScript

WordPressの入力画面なんかでは実装されていますが、途中で文字入力をしてページりだすをしようとするとブラウザのアラートがでます。これも一般のお問い合わせフォームなんかでも実装可能です。 この場合 …

no image

vuexについて

vueの変数管理に関して、vuexについて勉強したことなどを。 ざっくり言ってしまうとvuex=グローバル変数という感じかと思います。 このキーワードで検索したところヒットした記事があったんで多分間違 …

no image

GoogleMapのカスタマイズ

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

no image

Angularでのイベント+改行+echoでのバッファサイズ変更

Contents1 Angularのイベント処理2 Angularでの改行ネタ3 echoでのバッファサイズ変換 Angularのイベント処理 Angularを使っていて楽なのはHTMLタグにインベン …

no image

JavaScriptのトランスパイルについて

今回はJavaScriptのトランスパイルについて。 JavaSciprtではwebpackでコンパイルなどをする時に同時にトランスパイルという処理を行います。 トランスパイルとは? 主にES2015 …