Question

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

<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 点击对话框按钮，你会看到一个表格我希望它能解决问题，或者你可以这样做，只是不要忘记包含上面评论中提到的样式表。 / p>

<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在文本字段中不起作用

2 个答案: