在ng-model-debounce之后显示角度ui工具提示?

时间:2015-12-14 11:05:36

标签: angularjs

我想在ng-model-options去抖动结束后显示一个angular-ui工具提示。它应该显示模糊并隐藏在焦点上。

<input type="email"
 name="email" 
 ng-model="ctrl.email"
 ng-model-options="{ debounce: 500 }"
 tooltip="Not valid"
 tooltip-trigger="blur"
 tooltip-enable="
 {[ 
   form.email.$invalid && 
   form.email.$dirty && 
   !form.email.$pending
 ]}">

我不知道如何处理这种形式的自定义指令:

scope.$watch(function () {
    return ngModel.$viewValue;
}, function () {

   if (attrs.boTooltipToggle === 'true') {
       attrs.tooltipTrigger = 'blur';
   } else {
       attrs.tooltipTrigger = 'focus';
   }
});

问题是工具提示立即被触发(显示),但我的异步验证在500ms去抖时间后开始运行。我想在异步验证完成后触发/显示工具提示。您有什么想法如何以一种很好的方式解决这个问题吗?

1 个答案:

答案 0 :(得分:1)

  1. 将ID放入输入中。

  2. 您的观察者目前无法观看任何内容。

    $scope.$watch("idValue", function () { // code ... });