Unable to use Angular Material Component - mat-toolbar

[haraldnekvasil]

I am trying to add a mat-toolbar angular material component to a page but when I try to bring the page up, I get the following error in the browser console:

Error: Template parse errors: 'mat-toolbar' is not a known element: 1. If 'mat-toolbar' is an Angular component, then verify that it is part of this module. 2. If 'mat-toolbar' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. (" </header> <div> [ERROR ->]<mat-toolbar color="primary"> <span>My Store</span> <span></span> "): ng:///anonymous_1/anonymous_0.html@23:0 at Lt (app.b70b89010b50449bafee.js:1) at e.parse (app.b70b89010b50449bafee.js:1) at e._parseTemplate (app.b70b89010b50449bafee.js:1) at e._compileTemplate (app.b70b89010b50449bafee.js:1) at app.b70b89010b50449bafee.js:1 at Set.forEach (<anonymous>) at e._compileComponents (app.b70b89010b50449bafee.js:1) at app.b70b89010b50449bafee.js:1 at Rt (app.b70b89010b50449bafee.js:1) at e._compileModuleAndAllComponents (app.b70b89010b50449bafee.js:1)

I am using the latest Apigee Edge (cloud offering) and per the documentation this should be a supported component.

I have no problems with adding any of the other handful of supported angular components and the page itself is already using the mat-toolbar component for the top navigation bar. It just doesn't like when I try to add this component to other page content.

Anyone have thoughts on this?

[ivancai-1]

I am having this issue too, this example does not seem to work, btw, is there anyway to add support to other angular material components that is not listed in the https://docs-new.apigee.com/page-editor#angular-material but listed in the https://material.angular.io/components/categories page.