宽度问题 - Kendo UI For Angular 2 - Combobox
Width issue - Kendo UI For Angular 2 - Combobox
Angualar 2 - Combobox 的 Kendo UI 宽度问题。
指定样式时宽度与控件的宽度不匹配。
请看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
看看它是否有效。
Angualar 2 - Combobox 的 Kendo UI 宽度问题。 指定样式时宽度与控件的宽度不匹配。
请看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
看看它是否有效。