小编Dip*_*til的帖子

我正在寻找一些简单的方法来获得类似于angular-mdl中可用于扩展搜索文本字段的内容,如下所示.这将在点击时添加搜索按钮,它将扩展为文本字段.

<!-- Expandable Textfield -->
<form action="#">
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
    <label class="mdl-button mdl-js-button mdl-button--icon" for="sample6">
      <i class="material-icons">search</i>
    </label>
    <div class="mdl-textfield__expandable-holder">
      <input class="mdl-textfield__input" type="text" id="sample6">
      <label class="mdl-textfield__label" for="sample-expandable">Expandable Input</label>
    </div>
  </div>
</form>

我的要求是当用户点击它时,卡片标题中的这样一个搜索按钮会向右捕捉它应该展开以获取输入..我需要在Angular-Material中进行.

任何输入或帮助..!谢谢.