如何在ngModel中获取ngx-chips值?

时间:2019-05-27 04:04:10

标签: angular7 ngx-chips

我已经在电子邮件地址字段中实现了ngx-chips。它运作良好。但是,当我在component.ts中输出值时,我只会得到第一个芯片的值。如何获得所有筹码的价值?

如果html中有a@xyz.com和b@xyz.com,则ngModel中只有a@xyz.com。

component.html

<div class="form-row">
    <div class="required form-group col-md-12 col-sm-12 col-xs-12" >
      <label class="control-label" for="email.emailCc">CC:</label>
       <tag-input [ngModel]="[email.emailCc]"  theme='bootstrap'>
        <tag-input-dropdown [autocompleteObservable]="items" [showDropdownIfEmpty]="true" [dynamicUpdate]="false"></tag-input-dropdown>
        </tag-input>
    </div>
 </div>

 <div class="form-group col-md-12 col-sm-12 col-xs-12">
     <button (click)="sendEmail()" class="btn btn-lg btn-primary btn-block">Send</button>
 </div>

component.ts

 public items = (text: string): Observable<Response> => {
   return this.sendEmailService.getEmailList(text);
 };

sendEmail(){
   console.log("email cc:"+this.email.emailCc);
 }

输出

email cc:a@xyz.com

0 个答案:

没有答案