göster Bootstrap ipucu bir açısal girdi bir hata

Question

Bu örnek vardır 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> 

Ben aynı davranışı elde etmek istiyorum uzak ama bir Bootstrap araç ipucu ile alınır. Angular UI-Bootstraped projesine baktım (http://angular-ui.github.io/bootstrap/) ama bunu nasıl yapacağımı anlayamıyorum. gibi

şey: Yalnızca uygun bir çözüm elde etmek açısal-bootstrap kaynak kodu değiştirebilirsiniz gibi çeşitli yollar denedim

<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

görünüyor. Fakat. Bir 'hacky' çözüm vardır, belki de size yardımcı olacağız hatta o size (kombine açısal-bootstrap ve açısal-girişten örnekler) gereken buydu: temelde burada sadece kaldırmak

<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.

araç ipucu metni ve gizler.