angular2-select 不使用 formcontrol

标签 angular angular2-forms

我正在使用 Angular 2-select。

我正在使用 formControlName。

 <form class="edit" [formGroup]="addcameraForm" (ngSubmit)="onSubmit(addcameraForm.value)" class="form-horizontal">    
    <div class="albumname">
       <label for="input01">Select user</label>
       <ng-select  style="color:#000;"
           formControlName="selectMultiple"
           [options]="options"
           [multiple]="true"
           placeholder="Select Assets">
      </ng-select>
   </div>             
   <div class="form-group">
      <div class="col-sm-10">
         <button class="btn btn-success btn-auth" [disabled]="!addcameraForm.valid">Add Camera</button>
      </div>
   </div>
</form>

这是我的组件。

ngOnInit() {
    this.addcameraForm = this.fb.group({
            ACCESS_USERS : this.fb.array([]),
            APART_ID:[''],
            CAMERA_ACCESS_CODE:[''],
            CAMERA_ACCESS_URL: [''],
            CAMERA_CODE: [''],
            CAMERA_NAME: [''],
            CAMERA_PASSWORD:[''],
            CAMERA_STATUS:[''],
            CAMERA_USERNAME:[''],
            selectMultiple:['']
        });
 } 

我遇到这个错误

Error: There is no FormControl instance attached to form control element with name: 'selectMultiple'

如何解决这个问题。

请给我建议,

最佳答案

试试这个:-

<ng-select  style="color:#000;"
    [formControl]="addcameraForm.controls['selectMultiple']"
    [options]="options"
    [multiple]="true"
    placeholder="Select Assets">
</ng-select>

关于angular2-select 不使用 formcontrol,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43875058/

相关文章:

node.js - 在公共(public) Node 服务器上运行多个 Angular 应用程序

angular - 如何将动态添加的自定义组件注册为表单组中的表单控件

angular - 使用 Angular 2 和 Spring MVC 中的其他表单字段上传文件

css - Angular 4 默认加载 Bootstrap 库?

angular - 如何在 Angular 5 中路由到外部链接

Angular 2 只获取控制组中的脏值

angular - 将 [(ngModel)] 添加到单选按钮组后,默认的 [checked] 不再有效

javascript - Angular2 形式的嵌套组?

javascript - Angular 5函数在悬停时不断调用

Angular Material / Jasmine 测试 - 加载 Material 线束时出错