Emberjs-tmp-inp-hlpr-chk-bx
提供:Dev Guides
EmberJSテンプレート入力ヘルパーチェックボックス
これは、ユーザーがオンとオフを切り替えることができる四角形のボックスです。つまり、2つの可能なオプションのいずれかを選択できます。 チェックボックスは、次のプロパティをサポートしています-
- チェック済み
- 無効
- tabindex
- 不定
- name
- オートフォーカス
- form
構文
例
以下の例では、入力ヘルパーのチェックボックスの使用方法を指定しています。 _checkbox_という名前のルートを作成し、_router.js_ファイルを開いてURLマッピングを定義します-
次のコードでapp/templates/の下に作成されたファイルapplication.hbsファイルを開きます-
あなたがリンクをクリックすると、ページは以下のコードを含む_checkbox.hbs_ファイルを開く必要があります-
次のコードで_app/routes/_の下に作成された_checkbox.js_ファイルを開きます-
今、次のコードで_app/controllers/_の下に作成された_checkbox.js_ファイルを開きます-
出力
emberサーバーを実行します。次の出力が表示されます-
リンクをクリックすると、チェックボックスが表示され、クリックします-
次にボタンをクリックすると、以下のスクリーンショットに示すように、結果がtrueとして表示されます-