Combobox 宽度问题-角度2剑道UI-组合框

Combobox 宽度问题-角度2剑道UI-组合框,combobox,width,angular-ui-bootstrap,kendo-ui-angular2,Combobox,Width,Angular Ui Bootstrap,Kendo Ui Angular2,Angualar 2-Combobox剑道UI宽度问题。 指定样式时,宽度与控件的宽度不匹配 请看一下地图 从'@angular/core'导入{Component}; @组成部分({ 选择器:“我的应用程序”, 模板:` 允许自定义值 允许自定义值 ` }) 导出类AppComponent{ public allowCustom:boolean=true; 公共列表项:数组=[“第1项”、“第2项”、“第3项”、“第4项]; } 应使用版本-0.18.1修复此问题。运行npm update,

Angualar 2-Combobox剑道UI宽度问题。 指定样式时,宽度与控件的宽度不匹配

请看一下地图

从'@angular/core'导入{Component};
@组成部分({
选择器:“我的应用程序”,
模板:`
允许自定义值

允许自定义值 ` }) 导出类AppComponent{ public allowCustom:boolean=true; 公共列表项:数组=[“第1项”、“第2项”、“第3项”、“第4项]; }
应使用版本-0.18.1修复此问题。运行
npm update
,看看它是否有效

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `

    <input id="ac" type="checkbox" [(ngModel)]="allowCustom">
    <label for="ac">Allow custom values</label>
    <br/>
    <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
    <kendo-combobox [data]="listItems" [allowCustom]="allowCustom" style="width:100%">
    </kendo-combobox>
    </div>
    </div>
      <div class="col-sm-6">
       <label for="ac">Allow custom values</label>
      </div>
    </div>
  `
})
export class AppComponent {
    public allowCustom: boolean = true;
    public listItems: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
}