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

Question

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

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类：

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