子组件can内的Angular2标记输入';t提交所有选定的标签

子组件can内的Angular2标记输入';t提交所有选定的标签,angular,typescript,ng2-tag-input,Angular,Typescript,Ng2 Tag Input,我有一个主组件,里面我使用另一个组件的标记输入下拉列表,但是当我提交表单标记输入时,所选项目没有正确提交,最后所选项目只有一个字符被发布 main component: <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1"> <form #myForm="ngForm" novalidate> <

我有一个主组件,里面我使用另一个组件的
标记输入
下拉列表,但是当我提交表单
标记输入
时,所选项目没有正确提交,最后所选项目只有一个字符被发布

main component:

<div class="container">
  <div class="row">
    <div class="col-md-10 col-md-offset-1">
      <form #myForm="ngForm" novalidate>
        <nationality name="nationalities" ngModel ngDefaultControl></nationality>
        <button type="button" (click)="create(myForm)" class="btn btn-primary">Submit</button>
     </form>
   </div>
  </div>
</div>

尝试下面的代码

<select id="nationalities" name="nationalities" [placeholder]="'Enter nationality'" name="nationalities" [secondaryPlaceholder]="'Search in nationality list'" [onlyFromAutocomplete]="true"[(ngModel)]="selectedValue">
           <option *ngFor="let nation of nationalities">{{nation}}</option>
</select>

{{国家}



现在访问typescript类中的selectedValue

我需要标记输入为用户提供多重选择。ngModel在标记输入中没有任何名称。。请提供一些名称并尝试访问它。抱歉,我感到困惑。我该怎么办?有同样的问题,当我提交表格时,只提交了所选项目的一个字符。
<select id="nationalities" name="nationalities" [placeholder]="'Enter nationality'" name="nationalities" [secondaryPlaceholder]="'Search in nationality list'" [onlyFromAutocomplete]="true"[(ngModel)]="selectedValue">
           <option *ngFor="let nation of nationalities">{{nation}}</option>
</select>
<tag-input [(ngModel)]="selectedValue" id="nationalities" name="nationalities" [placeholder]="'Enter nationality'" [secondaryPlaceholder]="'Search in nationality list'" [onlyFromAutocomplete]="true">
    <tag-input-dropdown [autocompleteItems]="nationalities">
    </tag-input-dropdown>