Позиция MatToolTip не определена или недействительна

Question

Используя этот простой код, я получаю, что позиция всплывающей подсказки "undefined" не является допустимым сообщением

  <mat-form-field 

    matTooltip="Testing tooltips"
    [matTooltipPosition]='right'
    #tooltip="matTooltip">
           <input matInput [value]="Testing"/>
    </mat-form-field>

В моем app_module.ts

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import {MatTooltipModule} from '@angular/material/tooltip';

Я использую Angular 7.2. Есть ли что-то еще, что мне нужно, чтобы заставить положение всплывающей подсказки работать?

Если я удаляю matTooltipPosition, то всплывающая подсказка отображается нормально, но не там, где мне нужно

Answer 1

Вам необходимо снять скобку []

<mat-form-field 

    matTooltip="Testing tooltips"
    matTooltipPosition='right'
    #tooltip="matTooltip">
           <input matInput [value]="Testing"/>
    </mat-form-field>