Каково различие этими способами создать статический экземпляр для одиночного элемента?

У меня есть эта работа, она требует некоторой работы ..

Чтобы пульсация работала в сети материалов, вам нужно вызвать метод инициализации JS. Смотрите здесь: https://material.io/develop/web/components/buttons/

Хитрость заключается в том, чтобы сделать блейзерный компонент кнопки следующим образом:

[110 ]

refbut является свойством компонента:

private ElementRef refbut { get; set; }

И в OnAfterRenderAsync вы вызываете функцию взаимодействия JS для инициации пульсации:

protected override async Task OnAfterRenderAsync()
{
    if (firstRender)
    {
        firstRender = false;
        await refbut.InitMdcButtonAsync();
    }

}

Эта функция является методом расширения, который выполняет:

    public async static Task InitMdcFabAsync(this ElementRef element)
    {
        await JSRuntime.Current.InvokeAsync("matBlazor.materialInitmdcripple", element);
    }

JS делает это:

materialInitmdcripple: function (element) {
    new mdc.ripple.MDCRipple(element);
    return true;
},

И, конечно же, вы должны убедиться, что материал JS en CSS загружен.