我是 Angular 4 和 bootstrap beta 2 的新手,并尝试使用ngbtooltip
显示工具提示文本。当只有输入没有时,标签上的工具提示工作正常[(ngModel)]
。我一用过[(ngModel)]
在输入文本控件中,工具提示仅显示第一个标签,其他标签则不显示。
在下面的代码中,如果我删除ngModel
,所有标签工具提示均按预期显示。
<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)]
?
谢谢
我认为你想做的是:
<button type="button" class="btn btn-outline-secondary" [ngbTooltip]="tipContent">My button</button>
模型变量必须链接到 [ngbTooltip]。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)