如何在angularjs中通过ng-show触发引导弹出窗口

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 来观察“显示”属性的变化并反映它们 - 调用“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">