如何在角度材质1中添加输入旁边的md图标？

Question

如何在输入旁边添加 md-icon 元素，例如角色素材1和谷歌联系人的截图：

Google联系人编辑表单

我知道我可以使用mdPrefix，但我更喜欢这种风格。

代码示例：

<md-input-container>
<md-icon mdPrefix>star</md-icon>
<input placeholder="Test" mdInput />
</md-input-container>

输入字段中的图标，我希望它在它旁边：

Answer 1

使用一些css技巧，我能够提供与提供的屏幕截图相近的内容。

css定位图标：

/deep/ .mat-icon {
    color: grey;
    width: 24px;
    margin: 20px 40px 0 0;
}

HTML：

<div style="display: flex">
  <md-icon >email</md-icon>
  <md-input-container >
    <input mdInput placeholder="Email">
  </md-input-container>
</div>

代码example