Использование класса MDCSnackbarFoundation - PullRequest
Новая
       86

Использование класса MDCSnackbarFoundation

0 голосов
/ 04 июня 2018

Как использовать MDCSnackbarFoundation?с MDCSnackbar

Эта документация недостаточно ясна, чтобы понять.https://github.com/material-components/material-components-web/tree/master/packages/mdc-snackbar#using-the-foundation-class

Это мой код, и мне нужно связать MDCSnackbarFoundation для него.

logger = new MDCSnackbar($selector[0]);

Спасибо

1 Ответ

0 голосов
/ 27 июля 2018

Сначала вы должны иметь сервер Node.js .А затем вам нужно установить пакет snackbar для Node.js , например: 

npm install @material/snackbar

Ответ на действие Snackbar

Чтобы отреагировать на действие «закусочной», назначьте функцию необязательному свойству actionHandler в объекте, который передается методу show.Если вы решили установить это свойство, вы должны также установить свойство actionText. 

<div class="mdc-snackbar"
     aria-live="assertive"
     aria-atomic="true"
     aria-hidden="true">
  <div class="mdc-snackbar__text"></div>
  <div class="mdc-snackbar__action-wrapper">
    <button type="button" class="mdc-snackbar__action-button"></button>
  </div>
</div>

import {MDCSnackbar} from '@material/snackbar';
​
const snackbar = new MDCSnackbar(document.querySelector('.mdc-snackbar'));
const dataObj =
{
    message: 'The text message to display.',
    actionText: 'Take action',
    //The function to execute when the action is clicked.
    actionHandler: function()
    {
        console.log('my cool function');
    }
};
​
snackbar.show(dataObj);

Для получения дополнительной информации:

Перед началом работы с Node.js я бы рекомендовал прочитатьодна из двух книг:

...