Javascript 如何将搜索栏添加到角材质？

我正在尝试向

添加搜索输入，但似乎没有任何样式。添加搜索栏似乎是一个常见的标题元素，所以我可能遗漏了一些东西

<md-toolbar md-theme="input">
    <md-input-container flex>
    <md-icon class="material-icons">&#xE8B6;</md-icon>
    <input ng-model="search.notes" placeholder="Search here">
    </md-input-container>
</md-toolbar>

然而，虽然元素确实出现了，但很明显，这不是它应该使用的预期方式，因为间距、字体颜色或对齐方式都不匹配

---

但这并不能解决在工具栏/标题中尝试使用

md输入的问题。通过使内容区域变暗，使其从常规的
md content
块中脱颖而出，可以使
md content
看起来像某种工具栏。如果你不介意的话，这是一种解决问题的方法

<md-content md-theme="input" layout="column" layout-padding>
  <md-input-container style="padding-bottom: 0; margin-bottom: 0">
     <md-icon class="material-icons">&#xE8B6;</md-icon>
     <input ng-model="search.notes" placeholder="Search here">
  </md-input-container>
</md-content>


；

主题是：

app.config(['$mdThemingProvider', function($mdThemingProvider) {
    $mdThemingProvider.theme('input')
      .primaryPalette('blue')
      .dark();                 // <----- Note
  }
]);

app.config（['$mdThemingProvider'，函数（$mdThemingProvider）{
$mdThemingProvider.theme（'input'）
.primaryPalette（“蓝色”）
.dark（）；//那么缺少什么呢？期望值不明确