Всплывающие подсказки в Angular Dart - PullRequest
Новая
       6

Всплывающие подсказки в Angular Dart

0 голосов
/ 27 ноября 2018

Я пытаюсь реализовать всплывающие подсказки, похожие на то, как это будет достигнуто в приложении Angular Material, но это не работает в примере приложения Angular Dart.Я пытаюсь: 

<button mat-raised-button
    tooltip="test"
    title="test 123"
    matTooltip="By default, I delay"
    aria-label="Button that displays a tooltip that has custom delays 
    through a default config">
  Button with delay-default tooltip
</button>

Я также пытался: 

  <p>Use the [trailing] content selector to add a tooltip.</p>
  <material-input label="With a tooltip">
    <material-icon
        trailing
        tooltipTarget
        size="medium"
        icon="help_outline"
        #tooltipRef="tooltipTarget">
    </material-icon>
  </material-input>
  <material-tooltip-card [for]="tooltipRef">
    This is a paper tooltip!
  </material-tooltip-card>

Исходя из этого в качестве источника (https://dart -lang.github.io / angular_components /# / material_tooltip ), я также пытался 

<button materialTooltip="abc">test</button>

Ни один не работал.Как мне показать простые подсказки при наведении курсора?

1 Ответ

0 голосов
/ 28 ноября 2018

Убедитесь, что вы зарегистрировали необходимых провайдеров 

  providers: [
    popupBindings,
    tooltip.materialTooltipBindings,
  ],

, как это было сделано в

https://github.com/dart-lang/angular_components_example/blob/fecf215d65a19be97fd248036640e297161c49e3/example/material_tooltip_example/lib/material_tooltip_example.dart#L37-L40

Регистрация их один раз в AppComponent должна сделать для всего приложения.

...