Невозможно привязать свойство 'satPopoverAnchorFor' с помощью компонента @ ncstate / sat-popover - PullRequest
Новая
       17

Невозможно привязать свойство 'satPopoverAnchorFor' с помощью компонента @ ncstate / sat-popover

0 голосов
/ 05 июля 2019

Извините за этот основной вопрос. Я новичок в проекте Angular.

Я хотел бы использовать компонент @ ncstate / sat-popover с таблицей угловых материалов. Цель состоит в том, чтобы получить встроенное редактирование полей в строках моей таблицы. Я получаю вдохновение от этого примера от стекаблица. https://stackblitz.com/edit/inline-edit-mat-table?file=app%2Fapp.component.html

Пример того, как я его использовал: 

    <mat-cell *matCellDef="let row" [satPopoverAnchorFor]="p" (click)="p.open()">
      <ng-container *ngIf="row.consumption_id">
        {{row.consumption_id}}
      </ng-container>

      <span class="add-consumption_id" *ngIf="!row.consumption_id">
        Add a consumption id.
      </span>

      <sat-popover #p
          hasBackdrop
          xAlign="start"
          yAlign="start"
          (closed)="update(row, $event)">
        <inline-edit [value]="row.consumption_id"></inline-edit>
      </sat-popover>
    </mat-cell>

Я получаю ошибку: 

SCRIPT5022: Template parse errors:
**Can't bind to 'satPopoverAnchorFor' since it isn't a known property of 'mat-cell'.**
1. If 'mat-cell' is an Angular component and it has 'satPopoverAnchorFor' input, then verify that it is part of this module.
...

Я 2 раза воссоздал этот проект с другой версией Angular (8.0.0 и 8.1.0)

Все выглядит правильно установлено и импортировано в мой проект.

Есть идеи, что я пропустил?

Спасибо, Фред

Ответы [ 2 ]

0 голосов
/ 15 июля 2019

В последнем выпуске атрибут изменился с [satPopoverAnchorFor] на [satPopoverAnchor]. 

 <td mat-cell *matCellDef="let product" [satPopoverAnchor]="p" (click)="p.open()">  {{product.case_height}}
        <sat-popover #p
        hasBackdrop
        xAlign="start"
        yAlign="start"
        (closed)="updateProduct(product,'case_height', $event)">

               <inline-edit [sku]="product.case_height" [fieldname]="'Case Height'" [fieldvalue]="product.case_height"></inline-edit>
        </sat-popover>


 </td>
0 голосов
/ 05 июля 2019

Попробуйте это <mat-cell *matCellDef="let row" satPopoverAnchorFor="p" (click)="p.open()">

...