如何通過NG-秀觸發引導酥料餅angularjs

Question

我有以下工作代碼：

<input 
    value="order.value" 
    name="orderValue" 
    ng-pattern="/^[0-9]{0,20}$/" 
    handle-save="update()"> 
</input> 
<div 
    class="text-primary 
    icon-exclamation-sign" 
    ng-show="form.value.$error.pattern"> 
    Only numbers are allowed 
</div> 

是否有可能引發引導酥料餅，而不是「只有允許數字」？它似乎只會觸發鼠標點擊或懸停...

Answer 1

對於這種互動，您可以使用directive和它scope.$watch觀察'顯示'屬性的變化，並反映它們 - call'element .popover（）」。

該指令將是這個樣子

directive('popover', function() { 
    return { 
    restrict: 'A', 
    scope: { 
     shown: '=', 
    }, 
    link: function(scope, element) { 
     scope.$watch('shown', function(shown) { 
     if (shown) { 
      element.popover('show'); 
     } else { 
      element.popover('hide'); 
     } 
     }); 
    } 
    }; 
}); 

，你可以用它像這樣<div popout shown="form.value.$error.pattern">