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
