要求:当nonMandatoryInstrumentCheckList
的长度为0的时候,出现提示框。
难点
提示框
使用的是popover
,由于我们需要按照条件触发这个提示框,所以就要考虑popover
的触发方式。但是触发方式只能点击触发
或鼠标放上触发
,跟我们的要求不同。
解决过程
最开始google了一下,但是查到的都只有是bootstrap
提供的原始jQuery
函数,这是我们不希望使用的。最后找到了项目引用的js文件,是angular-bootstrap
,然后找到了他的官方文档,其中可以看到下面的设置项:
popover-is-open
控制提示框是否出现,这正是我们需要的:当满足条件的时候,触发提示框。
最后代码如下:
<a class="btn btn-info btn-sm" popover-placement="top" uib-popover="请点击添加较检器具" popover-is-open="data.nonMandatoryInstrumentCheckList.length === 0"><i class="fa fa-plus"></i> 添加器具</a>
总结
重要的事情说三遍:
多看官方文档!多看官方文档!多看官方文档!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。