首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >angular ng-选择如何使用模板表达式设置选定值

angular ng-选择如何使用模板表达式设置选定值
EN

Stack Overflow用户
提问于 2017-03-26 16:49:15
回答 2查看 11.9K关注 0票数 2

angular ng-选择如何使用模板设置选定值。例如像这样的东西,

代码语言:javascript
复制
<ng-select
          [options]="[{label : "first", value : "1"}, {label : "second", value : "2"}]"
          **[value]="'1'"**
          [multiple]="false">
</ng-select>

我使用的是angular2-select npm包。我希望让输入属性来执行任务,而不是ngModel。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-04-15 07:36:57

我通过使用自定义组件包装ng-select组件得到了这个问题的解决方案。

代码语言:javascript
复制
  @Component({
  selector: 'ice-select',
  templateUrl: './ice-select.component.html',
  providers: [
    {
      provide: NG_VALUE_ACCESSOR,
      useExisting: forwardRef(() => IceSelectComponent),
      multi: true
    }
  ]
})

并在组件中实现了“ControlValueAccessor”的接口方法。

代码语言:javascript
复制
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模板,

代码语言:javascript
复制
<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>
票数 2
EN

Stack Overflow用户

发布于 2020-05-17 06:39:29

我认为你应该将bindValue输入添加到bindValue="value"

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43026811

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档