如何用angular解决数据绑定错误

Question

当我调用变量{{worksite.ref}}时它首次显示变量的内容但当我第二次呼叫它时，它不会显示任何

<div *ngFor="let worksite of worksiteList" >
<!-- ===================================== angular works fine here=================================== -->        
<span>{{worksite.ref}}</span> 
<li id="li{{worksite.id}}" class="list-group-item">
<div class="row">
<div class="col-md-2 col-sm-2 col-xs-1 visible-lg visible-md visible-sm visible-xs">
<div class="row">
<div class="col-md-6 col-sm-6 col-xs-12">
<a [hidden]="!isLocked(worksite.lockUser)" data-toggle="tooltip" data-placement="top"
title="{{worksite.lockUser.name}} {{worksite.lockUser.firstName}}"
onclick="$(this).tooltip('show')">
<span class="glyphicon glyphicon-lock" style="color: #ff7900"></span>
</a>
</div>
<div class="col-md-6 col-sm-6 hidden-xs">
<i class="fa fa-calendar-check-o" aria-hidden="true"
[hidden]="!worksite.gpcindicator == 'CREER'"></i>
</div>

</div>
</div>
<div class="col-md-3 col-sm-2 col-xs-5 visible-lg visible-md visible-sm visible-xs"
style="cursor: pointer">
<!-- =================================== angular binding doesn't work here=============================->        
<span data-toggle="tooltip" data-placement="top" title="{{worksite.ref}}"
onclick="$(this).tooltip('show')" class="hidden-lg visible-md visible-sm visible-xs">
{{worksite.ref}}
</span>
<span class="hidden-xs  visible-lg hidden-md hidden-sm"
(click)="toggle(worksite.id)">{{worksite.ref}}</span>
</div>
</div>
</li>
</div>

当我调用变量{{worksite.ref}}时它首次显示变量的内容但当我第二次呼叫它时，它不会显示任何

Answer 1

事实证明这是一个jQuery问题当我删除这个时

<span data-toggle="tooltip" data-placement="top" title="{{worksite.ref}}"
onclick="$(this).tooltip('show')" class="hidden-lg visible-md visible-sm visible-xs">
</span>

每件事都很好，现在我必须在我的angular项目中找到一个替代jQuery的方法