Angular 角度5ng选择

Angular 角度5ng选择,angular,angular-ngselect,Angular,Angular Ngselect,我正在使用ng选择组件 . 但是,在某些情况下,下拉列表的内容太长。下拉列表中的字符串将用。。。根据内容的长度,是否可以使下拉列表大于输入宽度?可能与CSS样式(自定义) 您的第一个ng选择 您的第一个ng选择 在CSS/SCSS(用于样式设置的内容)集中 但是它看起来不太好 备选方案: 删除空白:nowrap来自.ng下拉面板.ng下拉面板项.ng选项,然后它分成多行 添加封装:ViewEncapsulation.None 给它一个类名。并使用它覆盖CSS .ng-select.cus

我正在使用ng选择组件 . 但是,在某些情况下,下拉列表的内容太长。下拉列表中的字符串将用。。。根据内容的长度,是否可以使下拉列表大于输入宽度?可能与CSS样式(自定义)


您的第一个ng选择
您的第一个ng选择
在CSS/SCSS(用于样式设置的内容)集中

但是它看起来不太好

备选方案:

删除
空白:nowrap来自
.ng下拉面板.ng下拉面板项.ng选项
,然后它分成多行

  • 添加封装:ViewEncapsulation.None
  • 给它一个类名。并使用它覆盖CSS
  • .ng-select.custom.ng值容器
    {
    高度:10px;
    
    }
    尝试更改样式,但对我无效。稍微更改了github页面的演示。你能看看怎么在这里改吗@J.D更改
    空白
    样式:
    ng选择.ng下拉面板.ng下拉面板项.ng选项{空白:正常;}
    <div layout="row">
        <label>Your first ng-select</label>
        <ng-select class="custom" [items]="cities"
                   bindLabel="name"
                   placeholder="Select city"
                   [(ngModel)]="selectedCity">
        </ng-select>
    
        <label>Your first ng-select</label>
        <ng-select class="custom" [items]="cities"
                   bindLabel="name"
                   placeholder="Select city"
                   [(ngModel)]="selectedCity">
        </ng-select>
    </div
    
    .ng-dropdown-panel {
        min-width: 100%;
    }