2013-12-17 25 views
2

我有以下工作代码:如何通过NG-秀触发引导酥料饼angularjs

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

是否有可能引发引导酥料饼,而不是“只有允许数字”?它似乎只会触发鼠标点击或悬停...

+2

这个问题尝试:[启用自定义事件角UI提示](HTTP://计算器.COM /问题/ 16651227 /启用-角UI的工具提示上的自定义事件/ 16653079#16653079)。 – Stewie

回答

3

对于这种互动,您可以使用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">