Question

我对自己的代码有疑问。

我有这个html代码：

<StackLayout backgroundColor="#66cdaa" padding="5">
    <Label text="Select country"></Label>
    <RadAutoCompleteTextView [items]="dataItems" suggestMode="Suggest"
        displayMode="Tokens">
        <SuggestionView tkAutoCompleteSuggestionView>
            <ng-template tkSuggestionItemTemplate let-item="item">
                <StackLayout orientation="vertical" padding="10">
                    <Label (onSelectionChange)="updateForm($event, item.country_id, 'country_id')"
                        [text]="item.text"></Label>
                </StackLayout>
            </ng-template>
        </SuggestionView>
    </RadAutoCompleteTextView>
    <Label text=""></Label>
    <Button class="my-button" text="Sign Up" (tap)="register()"></Button>
</StackLayout>

我使用此功能(onSelectionChange)="updateForm($event, item.country_id, 'country_id')"提交表单中的country_id。选择国家/地区后，不会调用此功能。

这是我的DEMO项目。

Answer 1

尝试一下：

<div class="form-group">
    <label class="control-label">Country</label>
    <select class="form-control" id="sel1" [ngModelOptions]="{standalone: true}"
      [(ngModel)]="country.ID" (change)="updateForm($event)">
      <option *ngFor="let item of items" [value]="item.country_id">{{item.text}}</option>
    </select>
  </div>

onSelectionChange不调用函数

1 个答案: