使用 md-contact-chips 时如何扩展自动完成弹出宽度？

Question

我正在使用 md-contact-chips 获取员工的照片、姓名和电子邮件。但是来自自动完成组件的弹出 window 会变窄。如何扩展宽度或覆盖css？我从 github 那里得到了信息，一种方法是使用 md-autocomplete-snap=width 来修复它。但是不知道怎么和md-contact-chips一起使用

enter image description here

 <md-content class="md-padding autocomplete" layout="column">

                    <br>
                    <h2 class="md-title">Searching asynchronously.</h2>
                    <md-contact-chips
                            ng-model="asyncContacts"
                            md-autocomplete-snap="width"
                            md-contacts="delayedQuerySearch($query)"
                            md-contact-name="profile_name"
                            md-contact-image="profile_imageURL"
                            md-contact-email="profile_intranetID"
                            md-require-match="true"
                            md-highlight-flags="i"
                            filter-selected="filterSelected"
                            placeholder="To">
                    </md-contact-chips>
                </md-content>

Answer 1

我找到的最佳选择是添加到以下 css class：

.md-chips .md-chip-input-container {
    width: 100%;
}

使用 md-contact-chips 时如何扩展自动完成弹出宽度？

how to extend autocomplete popup width when using md-contact-chips?

autocomplete

width