angularjs - 在 ng-model-debounce 之后显示 Angular ui 工具提示？

Question

我想在 ng-model-options debounce 完成后显示 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';
   }
});

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

Answer 1

1. 将 ID 放入输入中。

2. 您的观察者目前尚未设置为观察任何内容。

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