I am currently trying to implement the p-menu directly in the HTML file instead of using the example shown in here

https://www.primefaces.org/primeng/#/menu

where the model is being created in the TypeScript file.

I have tried the following code but could not display anything in the HTML page.

<p-menu>
    <p-menu-list>
        <p-menuitem>
            <p-menuitem-text>Test</p-menuitem-text>
            <p-menuitem-icon icon="fas fa-bars"></p-menuitem-icon>
                </p-menuitem>
        </p-menu-list>
</p-menu>

The result of the HTML page with the above code is shown below where it only shows a empty box.

Is there a way to directly implement the p-menuitem in the HTML file directly in the HTML page without using the TypeScript file?