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

vueの環境構築

vueについて勉強したことなどを。 Contents1 vueとは?1.1 方法1 CDN1.2 方法2 npm+コンパイル vueとは? 近年のJavaScriptフレームワークの一種で「双方向デー …

no image

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

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

no image

JavaScriptのcookieに関して

今までCookieの管理などはPHP側でやることが多かったのですが、JavaSciprtで実行することも可能です。 設定に関してはkey=value形式で突っ込めばOKです。 [crayon-5f0b …

no image

vueについてのポイント

vueについて学習した時のポイントなどを。 Contents1 機能として確認したこと2 component3 vue-route4 vuex5 computed6 created,mounted7 …

no image

モジュールバンドラrollupについて

モジュールバンドラというと一般的にはwebackが一般的ですが、rollupというモジュールバンドラを調査したところ、良さげな感じなので、ちょっとメモ。 サンプル https://github.com …