Javascript AngularJS自动完成期间自动完成输入

我正在使用谷歌的AngularJS工具包。 下面是我使用的

md autocomplete

指令：

<md-content class="md-padding">
    <form ng-submit="$event.preventDefault()">
        <p>Use <code>md-autocomplete</code> to search for matches from local or remote data sources.</p>
        <md-autocomplete
            ng-disabled="ctrl.isDisabled"
            md-no-cache="ctrl.noCache"
            md-selected-item="ctrl.selectedItem"
            md-search-text-change="ctrl.searchTextChange(ctrl.searchText)"
            md-search-text="ctrl.searchText"
            md-selected-item-change="ctrl.selectedItemChange(item)"
            md-items="item in ctrl.querySearch(ctrl.searchText)"
            md-item-text="item.display" 
            md-min-length="0" 
            placeholder="What is your favorite US state?">
            <md-item-template>
                <span md-highlight-text="ctrl.searchText" md-highlight-flags="^i">{{item.display}}</span>
            </md-item-template>
            <md-not-found>
                No states matching "{{ctrl.searchText}}" were found.
                <a ng-click="ctrl.newState(ctrl.searchText)">Create a new one!</a>
            </md-not-found>
        </md-autocomplete>
        <br>
        <md-checkbox ng-model="ctrl.simulateQuery">Simulate query for results?</md-checkbox>
        <md-checkbox ng-model="ctrl.noCache">Disable caching of queries?</md-checkbox>
        <md-checkbox ng-model="ctrl.isDisabled">Disable the input?</md-checkbox>

        <p>By default, <code>md-autocomplete</code> will cache results when performing a query.  After the initial call is performed, it will use the cached results to eliminate unnecessary server requests or lookup logic. This can be disabled above.</p>
    </form>
</md-content>

看起来是这样的：

尽管我没有选择任何建议，但我还是希望它看起来能填充文本的其余部分：

---

我该怎么做？我想这样做，如果可能的话，使用角材料设计构造。我是CSS领域的新手。

你看过这个帖子吗？是的，但这需要在我的代码库中添加额外的库。我想知道是否有一种不导入任何其他内容（例如，一些新类或小代码修改）的快速解决方法。我对材料设计不是很熟悉，但我确实看了您分享的示例，其中介绍了您想要的内容。他们只使用了两个叠加的输入元素。自动完成一个（浅灰色）是绝对定位和样式，看起来像谷歌的自动完成。你看到这个线程吗？是的，但这需要在我的代码库中添加额外的库。我想知道是否有一种不导入任何其他内容（例如，一些新类或小代码修改）的快速解决方法。我对材料设计不是很熟悉，但我确实看了您分享的示例，其中介绍了您想要的内容。他们只使用了两个叠加的输入元素。autocomplete one（浅灰色）的定位和样式与Google的autocomplete完全相同。