Combobox 宽度问题-角度2剑道UI-组合框
Angualar 2-Combobox剑道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,
从'@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"];
}