我正在寻找一种类似于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中实现这样一个搜索按钮,在卡片标题右侧被点击时会扩展以接受输入。请提供任何建议或帮助!
谢谢。