Как связать массив с несколькими вариантами выбора из выпадающего в Angular-2 - PullRequest
Новая
       30

Как связать массив с несколькими вариантами выбора из выпадающего в Angular-2

0 голосов
/ 15 февраля 2019

Я пытаюсь привязать объект массива с помощью раскрывающегося списка множественного выбора, чтобы я мог передать выбранные значения в модель для сохранения с другими деталями модели.

Здесь я использую событие изменения для получения значения выбранных опций, но функция здесь не работает, вот мой код:

HTML-код : 

label class="col-md-3 form-control-label text-right">Customer Name</label>
           <div class="col-md-7">
             <select  multiple="multiple" class="js-example-basic-multiple form-control selectsizing" (change)="oncustomerSelect($event.target.value)" name="customer_name" [(ngModel)]="customer_name.customer" #customer_name="ngModel" [ngClass]="{ 'is-invalid': f.submitted && customer_name.invalid }"  required>
              <option></option>
              <option [value]="customernames.Business_name" *ngFor="let customernames of model_customername">{{customernames.Business_name}}</option>
     </select>

            </div>

При выборе любых значений для раскрывающегося списка должна быть вызвана функция oncustomerSelect(), которая описана в component.ts, но этот вызов функции сделать невозможно.

Вот мой Component.ts : 

 customer_name:any={
    customer:[]
};    
model:any={
product_type:"in stock",    
item_code:"ASD34", 
customer_name:[]=[]
} 

oncustomerSelect(value){
console.log("customer select::"+JSON.stringify(value));
var i=0;
this.model.customer_name[i]=value; 
i++; 
console.log("model customer::"+JSON.stringify(this.model.customer_name));  
}

Помогите, пожалуйста, как вызвать функцию в множественном выборе и как связать массив с выбранными значениями?

Спасибо!

1 Ответ

0 голосов
/ 15 февраля 2019

Проверьте ссылку!в данной ссылке вы можете видеть, что вы получите раскрывающееся выбранное значение, вы можете добавить несколько выбранных свойств и сделать это

angular5-select-option-dropdown

...