angular ng-选择如何使用模板设置选定值。例如像这样的东西,
<ng-select
[options]="[{label : "first", value : "1"}, {label : "second", value : "2"}]"
**[value]="'1'"**
[multiple]="false">
</ng-select>我使用的是angular2-select npm包。我希望让输入属性来执行任务,而不是ngModel。
发布于 2017-04-15 07:36:57
我通过使用自定义组件包装ng-select组件得到了这个问题的解决方案。
@Component({
selector: 'ice-select',
templateUrl: './ice-select.component.html',
providers: [
{
provide: NG_VALUE_ACCESSOR,
useExisting: forwardRef(() => IceSelectComponent),
multi: true
}
]
})并在组件中实现了“ControlValueAccessor”的接口方法。
export class IceSelectComponent implements ControlValueAccessor, OnInit {
public writeValue(value: any) {
this.selectedValue = value;
}
public registerOnChange(fn) {
this.propagateChange = fn;
}
public registerOnTouched(fn){
this.propagateTouched = fn;
}
}HTML模板,
<ng-select
[options]="options"
[multiple]="false"
[noFilter]="100"
[allowClear]="true"
[notFoundMsg]= "'No records found'"
placeholder="Select"
(selected)="onSelect($event)"
(deselected)="onRemove($event)"
[(ngModel)]="selectedValue"
></ng-select>发布于 2020-05-17 06:39:29
我认为你应该将bindValue输入添加到bindValue="value"中
https://stackoverflow.com/questions/43026811
复制相似问题