угловой ngx-bootstrap onClick на модуль оповещения - PullRequest
Новая
       9

угловой ngx-bootstrap onClick на модуль оповещения

0 голосов
/ 26 февраля 2019

Я использую модуль предупреждений ngx-bootstap для отображения предупреждений.Когда кто-то нажимает на номер учетной записи в предупреждении, я хочу показать модальные подробности учетной записи.Я не нашел события onClick в модуле оповещения.Для событий закрытия есть обработчики событий, но для событий щелчка ничего нет.

Я пытался использовать innerHTML, чтобы включить код для создания функциональности, подобной onClick, но он не работает.

Вот HTML-часть - 

<div *ngFor="let alert of alerts">
          <alert [type]="alert.type" [dismissible]="dismissible">
              <span [innerHTML]="alert.msg | safe: 'html'"></span>
            </alert>
</div>

Я определил Safeтруба, которая работает нормально.

Вот возвращаемые значения для оповещений - 

[{
            "type": "success",
            "msg": "Adjustments - Marry Jonson <a href='javascript:folioClicked(1305879);'>#130-5879</a> Amount $102."
        }]

У меня есть функция folioClicked (), определенная в компоненте.Однако я не знаю, как это назвать.Я попытался позвонить с помощью javascript: folioClicked, но это не сработало и выдало ошибку «Uncaught ReferenceError: folioClicked не определен в: 1: 1».

Похоже, он пытается найти код в javascript.Я могу понять причину этого.Тем не менее, не удалось найти способ вызова функции компонента через код innerHTML.

1 Ответ

0 голосов
/ 12 марта 2019

Таким способом вы можете попробовать добавить событие щелчка в предупреждение.Я надеюсь, что это поможет вам. 

<alert type="success">
 <strong>Well done!</strong> You successfully read this important alert message.
  <a (click)="fooClick(accNo)">Account.no. {{accNo}}</a>
</alert>

Здесь я добавляю ссылку с запущенным фрагментом, чтобы помочь вам.

...