使用popover进行Angularjs验证

时间:2015-11-18 23:59:40

标签: javascript jquery angularjs twitter-bootstrap validation

我看到了这个bootstrap popover,我正试图在我的项目中使用它。

考虑一个简单的例子。

<input type="number" ng-model="data" step="0.1" />

输入字段的步长为0.1。我希望用户只输入最多10个值而不是超出该值。

如果用户输入超过10的任何内容,我想在顶部显示一个弹出窗口,表示该值只需要从0到10的范围内输入。

我怎样才能做到这一点?上面显示的弹出窗口没有任何类似于我正在寻找的示例。有人可以解释一下吗?

1 个答案:

答案 0 :(得分:4)

您可以调整以编程方式触发弹出窗口答案(或Good way to dynamically open / close a popover (or tooltip) using angular, based on expression?中的任何指令,并将其与字段验证相关联

foreach $item (@{$temp{'a_collection'}})
{
  <convert to json> $item  #convert each of the above hash to a json blob
  <write to file> $file    #write first blob to file "first.json" and so on
}

我已使用https://stackoverflow.com/a/31372487/360067

中的指令

Plnkr - http://plnkr.co/edit/2uk4YM5zinM01ayzZKdd?p=preview