如何讓 mat-toolbar 響應 Angular 的變化？

Question

我一直在嘗試為主頁制作一個基本的標題，一段時間以來我的 web 應用程序，我想使用 mat-toolbar，但它不會設置我想要的方式。 我的代碼如下。

 .maintooly { background-color: rgba(0,0,0,.7) }

 <mat-toolbar color="primary" class="main-tooly"> <span id="product-name"> HOMEPAGE </span> <div class="vertical-line title-line"> | </div> </mat-toolbar>

這是一個淡化的例子，但基本上我試圖在頁面頂部添加一個標題，所以它看起來像這樣：

但它看起來像這樣：

總結：不能讓標題中的項目並排顯示，也不能讓標題的顏色改變或真正做任何事情。

我到底做錯了什么，我怎樣才能做到這一點？

Answer 1

解決方案是將導入工具放入 app.module.ts 文件中。