2017-05-24 1 views
0

私はパスワードが必要なモーダルウィンドウを持っています。入力が空だった場合、エラーがあるだろう、私はそれはエラーがないならば、ツールチップが全く表示されず、現状ではエラーAngularJSツールチップのツールチップが開いていません

<input type='password' class='form-control' id='password' ng-model='user.password' uib-tooltip='{{error_msg}}' tooltip-placement='right' tooltip-trigger='none' tooltip-is-open='true' tooltip-class='tooltip_error' tooltip-enable='{{error}}' autofocus> 

があるときにツールチップを表示させたいです。エラーが発生するとエラーメッセージが表示されますが、テキストボックスにカーソルを置くとツールチップが表示されます。私はtooltip-is-opentrueに設定してテストしていますが、現在は動作していません。

アイデア?

答えて

0

scopeプロパティを指しているため、tooltip-enable指示文からinterpolation operators({{}})を削除して問題なく動作させます。

変更は、あなたのコードは次のように:

<input type='password' class='form-control' id='password' ng-model='user.password' uib-tooltip='tootltip text : {{error_msg}}' tooltip-placement='right' tooltip-trigger='none' tooltip-is-open='true' tooltip-class='tooltip_error' tooltip-enable='error' autofocus> 

更新:我々はそれに補間オペレータを配置する必要がありますので、uib-tooltipディレクティブは、入力としてテキストを取ります。 Read more

このplunker

+0

を参照してください私は '{}を削除すると'それは単に「ERROR_MSG」を出力しますが、それは必要として 'ツールチップ-enable'のためのブール結果は、作業を行います。 –

+0

@ J.Do:$ scopeプロパティとして 'error_msg'を実行する必要があります。たとえば' $ scope.error_msg = "パスワードのエラー" – anoop

+0

これは私が以前に持っていたものですが、 '{} '。また、ツールチップが表示されるようにテキストボックスの上にマウスを移動する必要があります。 –

関連する問題