与kendo ui的宽度有关angualar 2 -Combobox的宽度。指定样式时,宽度与控件的宽度不匹配。
请看一下Plunker
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"];
}
应该用版本-0.18.1解决问题。运行npm update
并查看是否有效。