md-icon 在文本字段中不起作用

Question

我正在开发一个 angular material 网站。在这里，我想要输入文本字段之前和文本字段之后的图标。我所做的是

<div layout="row" layout-xs="column" md-whiteframe="1" layout-wrap layout-padding layout-fill class="littleWhiteFrameNoBorder" ng-cloak>
<div layout="row" flex="100">
    <md-input-container flex="40">
        <label>Search Keyword</label>
         <md-icon md-font-icon="search"></md-icon>
        <input ng-model="searchFilterCtrl.word">
    </md-input-container>
    <md-icon md-font-icon="search"></md-icon>
</div>

间距已创建，但我在文本字段前后看不到任何图标。

Answer 1

Here's a pen 点击对话框按钮你会看到一个表单我希望它能解决问题或者你可以这样做，只是不要忘记包含上面评论中提到的样式表.

<md-input-container>
<label>Something</label>
<md-icon class="material-icons">search</md-icon>
<input type="text">
</md-input-container>

Answer 2

希望它能解决您的问题...

 <md-input-container>
  <md-icon  class="md-warn md-icon-button  md-24" >highlight_off</md-icon>
  <input  type="text"  ng-model="filterText"
    placeholder="search...">
</md-input-container>

md-icon 在文本字段中不起作用

md-icon not working inside a text field

angularjs

angular-material