UI BootstrapでリッチなパネルUIを実装しよう ～ タブパネルからダイアログ、アコーディオンパネルまで
なお、本連載ではAngularJSそのものに関しては解説しませんので、専門書として『AngularJSアプリケーションプログラミング』、姉妹連載「AngularJSではじめるJavaScriptフレームワーク開発スタイル」などを併せて参照してください。 はじめに UI Bootstrapは、おなじみBootstrapのラッパーで、Bootstrapの機能をAngularJSのディレクティブ形式で呼び出せるようにしたものです。本稿ではUI Bootstrapが提供する豊富な機能の中でも、限られたページ領域で大量のコンテンツ／画像を効率的に配置／表示するために役立つ、以下のウィジェットについて解説します。 Tabs：タブパネルを生成 Modal：ダイアログボックスを生成 Collapse：開閉可能なパネルを生成 Accordion：アコーディオンパネルを生成 対象読者 AngularJSについ
AngularJSでUI BootstrapのTooltipをValidationに連動させて表示させる | infoScoop開発者ブログ
AngularJSには強力なフォームのバリデーション機能があり、任意のタイミングでエラーメッセージを表示することができます。 このエラーメッセージをバリデーションの状態に連動してUI BootstrapのTooltipに表示したいとき、どうすればよいでしょうか。 まずは思い付く方法で まずは最初に思い付いた方法で実装してみます。 ツールチップはtooltip-enableディレクティブで有効/無効を切り替えられるので、バリデーションに失敗したときだけ有効にして表示するようにしてみました。 index.html ... <form name="form" style="width:500px;" ng-class="{'has-error': form.value1.$dirty && form.value1.$invalid}"> <table class="table"> <tr> <t
AngularStrap aside using Angular-UI Bootstrap
I am currently working in an AngularJS project using Bootstrap and one of the requirements was to show a modal dialog that looked like the AngularStrap aside component but we are not using AngularStrap and I didn’t want to add another dependency so I tried to find a way to do it with the Angular UI Bootstrap components that we use and guess what I did. The solution is quite simple and I only had t
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJS と UI Bootstrapで$uibModalを使う場合のメモ - Qiita
AngularJS + UI Bootstrap で modal を使用するときの注意点 - Qiita
