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

Promiseを使った非同期処理

今回はPromiseを使った非同期処理について。 JavaScriptでの非同期処理ですが、処理1、処理2があった場合、よく言われるコールバック地獄になってしまいます。うまく関数化すればそうでもない気 …

no image

vueの環境構築に関して(モジュールバンドラの比較やvue-cliコマンドなど)

vueをビルドする場合、一般的にはwebpackなどのモジュールバンドラを使うかと思います。少しまとめて置こうかと思います。 Contents1 モジュールバンドラ1.1 webpack1.2 lar …

no image

Angularモジュール間の読み込み

Angularで以前こちらで、複数のコントロールに分ける方法を書きましたが、コントローラーだけでなく、Factory,ServiceなどいろいろなタイプのサービスがAngularにはあります。 プログ …

no image

JavaScriptのcookieに関して

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

no image

JavaScriptのthisについて

今回はJavaScriptのthisについて。 JavaScriptのthisの場合、呼び出し方によってthisの参照先が変わります。 4種類あるとされていますが、使われ方で分類すると私の場合、下記の …