使用ngbtooltip和ngbTypeahead的示例代码

时间:2017-12-13 22:07:55

标签: ng-bootstrap

任何人都可以与ngbTooltip& Angular 4&中的ngbtypeadhead [(ngmodel)]控件打字稿?

这是我的问题: 当只有输入没有[(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">label 4<span>*</span></label>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>`

知道为什么工具提示或任何ng-bootstrap控件与[(ngModel)]一起无法正常工作?感谢

0 个答案:

没有答案