如果用户只在输入字段中输入,如何显示popover?

问题描述 投票:1回答:3

我有一个输入字段,我只想在用户输入字段时显示一个弹出窗口,并且我不想在输入字段为空时第一次显示弹出窗口。我写了下面的代码,但它第一次点击它时显示了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">
html angularjs twitter-bootstrap-3 angular-ui-bootstrap uipopover
3个回答
0
投票

请尝试此代码,我更改了点击更改。

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

告诉我,

谢谢!


0
投票

我找到了一种方法来获得我想要的结果,方法如下:

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

0
投票

我知道你找到了一个解决方案,它也使用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: ">
© www.soinside.com 2019 - 2024. All rights reserved.