ng-bootstrap-ngbtooltip无法与[(ngModel)]一起使用 [英] ng-bootstrap - ngbtooltip not working with [(ngModel)]
问题描述
我是angular 4和bootstrap beta 2的新手,并尝试使用ngbtooltip
显示工具提示文本.仅输入没有[(ngModel)]
时,标签上的工具提示可以正常工作.在输入文本控件中使用[(ngModel)]
时,工具提示仅针对第一个标签显示,而其他标签则不显示.
在下面的代码中,如果删除ngModel
,则所有标签的工具提示均按预期显示.
I'm new to angular 4 and bootstrap beta 2 and trying to use ngbtooltip
to show tool tip text. Tooltip on the label is working fine when only input does not have [(ngModel)]
. As soon as I used [(ngModel)]
in input text control, tooltip is showing only for the first label and other labels does not.
In the below code, if I remove ngModel
, all labels tooltips are shown as expected.
<div class="col-lg-12 col-md-12 col-sm-12 ">
<div class="col-lg-12 col-md-12 col-sm-12 container accordion" id="accordion">
<div id="collapseDealSummary" class="col-lg-12 col-md-12 col-sm-12 card-block collapse show row">
<div class="col-lg-12 col-md-12 col-sm-12 card-body row">
<div class="col-lg-6 col-md-12 col-sm-12">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 form-group pull-left mx-0 px-1" placement="top" triggers="hover" ngbTooltip="Tooltip on for label 1">
<label>label 1<span>*</span></label>
<input type="text" class="form-control" id="txtid" name="txtid" [(ngModel)]="Label1Value" />
</div>
<div class="col-lg-6 col-md-6 col-sm-6 form-group pull-left mx-0 px-1" placement="top" triggers="hover" ngbTooltip="Tooltip on for label 2">
<label>label 2<span>*</span></label>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 form-group pull-left mx-0 px-1">
<label placement="top" triggers="hover" ngbTooltip="Tooltip on for label 3">label 3<span>*</span></label>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 form-group pull-left mx-0 px-1">
<label placement="top" triggers="hover" ngbTooltip="Tooltip on for label 4">rlabel 4<span>*</span></label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
有人知道为什么工具提示不能与[(ngModel)]
一起正常工作吗?
谢谢
Any idea why tooltip is not working correctly along with [(ngModel)]
?
Thanks
推荐答案
我认为您要这样做的是:
I think what you are trying to do is this:
<button type="button" class="btn btn-outline-secondary" [ngbTooltip]="tipContent">My button</button>
模型变量必须链接到[ngbTooltip].
The model variable has to be linked to [ngbTooltip].
这篇关于ng-bootstrap-ngbtooltip无法与[(ngModel)]一起使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!