ध्यान केंद्रित करने पर दिखाएँ बूटस्ट्रैप टूलटिप एक कोणीय इनपुट एक त्रुटि

Question

यह उदाहरण है जब angularjs's docs

<form name="myForm" ng-controller="Ctrl"> 
    userType: <input name="input" ng-model="userType" required> 
    <span class="error" ng-show="myForm.input.$error.required">Required!</span> 
</form> 

मैं एक ही व्यवहार हासिल करना चाहते हैं, लेकिन एक से बूटस्ट्रैप टूलटिप के साथ लिया जाता है। मैंने कोणीय यूआई-बूटस्ट्रैप प्रोजेक्ट (http://angular-ui.github.io/bootstrap/) को देखा है लेकिन यह पता नहीं लगा सकता कि यह कैसे करें।

कुछ की तरह: आप केवल एक उचित समाधान प्राप्त करने के लिए कोणीय बूटस्ट्रैप से स्रोत कोड को संशोधित कर सकते तरह

<input type="text" value="Click me!" 
    tooltip="See? Now click away..." 
    tooltip-trigger="focus" 
    tooltip-placement="right" 
    tooltip-enabled="myForm.input.$error.required" <--- pseudo code 
    /> 

Answer 1

मैं कई तरीके की कोशिश की है, लग रहा है। परंतु। वहाँ एक 'hacky' समाधान है, शायद यह आपकी सहायता करेंगे या यहाँ तक कि क्या आप (कोणीय बूटस्ट्रैप और कोणीय-इनपुट संयुक्त से उदाहरण) की जरूरत है:

<form name="myForm" class="my-form"> 
    userType: <input style="width: 50px;" name="input" ng-model="userType" required value="Click me!" tooltip="{{myForm.$valid ? '' : 'See? Now click away...'}}" tooltip-trigger="focus" tooltip-placement="right" class="form-control"> 
    <span class="error" ng-show="myForm.input.$error.required">Required!</span><br> 
    <tt>userType = {{userType}}</tt><br> 
    <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br> 
    <tt>myForm.input.$error = {{myForm.input.$error}}</tt><br> 
    <tt>myForm.$valid = {{myForm.$valid}}</tt><br> 
    <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br> 
</form> 

same in plunker.

मूल रूप से यहाँ तुम सिर्फ हटाने

टूलटिप से पाठ और यह छुपाता है।