子组件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>