我有一个输入字段,我只想在用户输入字段时显示一个弹出窗口,并且我不想在输入字段为空时第一次显示弹出窗口。我写了下面的代码,但它第一次点击它时显示了popover!有办法解决这个问题吗?这是展示问题的plnkr:
http://plnkr.co/edit/d6WzzJYgDHlBmx1Pfb9L?p=preview
<input type="text"
value="Click me!"
ng-model="value"
popover-is-open="!!value"
uib-popover="This must be shown when use has typed value"
popover-trigger="focus"
class="form-control">
请尝试此代码,我更改了点击更改。
<div ng-controller="PopoverDemoCtrl">
<br />
<br />
<br />
<input type="text"
value="Click me!"
ng-model="value"
popover-is-open="!!value"
uib-popover="This must be shown when use has typed value"
popover-trigger="change"
class="form-control">
<br />
{{value}} -- {{!!value}}
</div>
告诉我,
谢谢!
我找到了一种方法来获得我想要的结果,方法如下:
<input type="text"
value="Click me!"
ng-model="value"
popover-is-open="!!value && popUpOpen"
uib-popover="This must be shown when use has typed value"
popover-trigger="none"
ng-blur="popUpOpen = false"
ng-focus="popUpOpen = true"
class="form-control">
我知道你找到了一个解决方案,它也使用uib并使用触发器'鼠标点击'
<input vm.detectChange popover-append-to-body="true" popover-placement="right" uib-popover-template="'popup.html'" popover-is-open="isOpen" popover-trigger="mouseclick" popover-title="Popup: ">