Ссылка на элемент шаблона Angular 2 не работает должным образом

Question

Ссылка на элемент шаблона Angular 2 не работает должным образом

0

Я пытаюсь манипулировать текстом html p tags непосредственно из шаблона, используя опорные элементы углов, но получая ошибку

это мой код

<p>
    <span *ngFor="let queuedTask of tasks">
      <pomodoro-task-icons
        [task]="queuedTask"
        (mouseover)="tooltip.innerText = queuedTask.name"
        (mouseout)="tooltip.innerText = 'text'">
      </pomodoro-task-icons>
    </span>
  </p>
  <p *ngIf="queuedPomodoros > 0" #tooltip>{{tooltip.innerText || 'Mouseover for details' }}</p>

Я использую этот код из книги и не вижу никаких проблем в реализации себя.

Aren Hovsepyan 27 июль 2016, в 21:58

Источник

0

Сделай это {{tooltip | json}} Я думаю, что ваша подсказка пуста. Убедитесь, что создали его экземпляр.
bobek 27 июль 2016, в 19:26
0

Я думаю, что вы пытаетесь получить доступ к #tooltip который не существует, вы можете сначала проверить, существует ли он или нет, а затем выполнить манипуляции с этим DOM, как (mouseover)="tooltip && tooltip.innerText = queuedTask.name"
Pankaj Parkar 27 июль 2016, в 19:28
0

Привет, Бобек, я использовал json pipe, но он ничего не показывает, также #tooltip Я использовал, предполагая, что это ссылка на тег p, и я хочу использовать теги p innerText
Aren Hovsepyan 27 июль 2016, в 19:29
0

Я добавил #tooltip в тег p <p *ngIf="queuedPomodoros > 0" #tooltip>{{tooltip.innerText || 'Mouseover for details' }}</p>
Aren Hovsepyan 27 июль 2016, в 19:30
0

что именно вы пытаетесь достичь? «Манипулировать HTML» слишком широк. Также Angular не касается манипулирования html напрямую.
Andrei Zhytkevich 27 июль 2016, в 19:32
0

Андрей Житкевич, хочу поменять т теги innerText
Aren Hovsepyan 27 июль 2016, в 19:33
1

Если вы замените *ngIf="queuedPomodoros > 0" на [hidden]="queuedPomodoros < 1" это должно сработать
yurzui 27 июль 2016, в 20:07

Показать ещё 5 комментариев

Теги:

angular

javascript

angularjs

error-handling

1 ответ

Ещё вопросы

Сделай это {{tooltip | json}} Я думаю, что ваша подсказка пуста. Убедитесь, что создали его экземпляр.
Я думаю, что вы пытаетесь получить доступ к #tooltip который не существует, вы можете сначала проверить, существует ли он или нет, а затем выполнить манипуляции с этим DOM, как (mouseover)="tooltip && tooltip.innerText = queuedTask.name"
Привет, Бобек, я использовал json pipe, но он ничего не показывает, также #tooltip Я использовал, предполагая, что это ссылка на тег p, и я хочу использовать теги p innerText
Я добавил #tooltip в тег p <p *ngIf="queuedPomodoros > 0" #tooltip>{{tooltip.innerText || 'Mouseover for details' }}</p>
что именно вы пытаетесь достичь? «Манипулировать HTML» слишком широк. Также Angular не касается манипулирования html напрямую.
Андрей Житкевич, хочу поменять т теги innerText
Если вы замените *ngIf="queuedPomodoros > 0" на [hidden]="queuedPomodoros < 1" это должно сработать

Andrei Zhytkevich · Accepted Answer · 2016-07-27T16-54-00.000Z

Объявить variable в вашем компоненте

Ссылка на эту variable в теге p:

 <p *ngIf="queuedPomodoros > 0">{{ variable }}</p>

Измените значение variable:

  <pomodoro-task-icons
    [task]="queuedTask"
    (mouseover)="variable = queuedTask.name"
    (mouseout)="variable = 'text'">
  </pomodoro-task-icons>