как решить ошибку привязки данных с angular - PullRequest
Новая
       7

как решить ошибку привязки данных с angular

0 голосов
/ 25 марта 2020

когда я вызываю переменную {{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}} в первый раз показывает содержимое переменной, но когда я вызываю ее во второй раз, она ничего не показывает

1 Ответ

0 голосов
/ 25 марта 2020

Оказывается, это проблема 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>

все работает нормально, теперь я должен найти альтернативу для замены jQuery в моем angular проекте

...