Question

我尝试在item.audutModel中传递params变量[(ngModel)]并按[(ngModel)]捕获(ngModelChange)="AddAdults(item.audutModel)"的值，但在(ngModelChange)="AddAdults(item.audutModel)"中它理解item.audutModel是名称模型不是参数。对不起我的英语不好。如果您无法理解，请在评论中提问。

我的代码：

<ion-select [(ngModel)]=item.audutModel (ngModelChange)="AddAdults(item.audutModel)">
    <ion-option value="1">1 người</ion-option>
    <ion-option value="2">2 người</ion-option>
    <ion-option value="3">3 người</ion-option>
</ion-select>

Answer 1

编辑：如果您不想使用表单中的选择框，则可以执行以下操作：

<ion-select [value]="item.audutModel" (change)="AddAdults(item.audutModel)">
    <ion-option value="1">1 người</ion-option>
    <ion-option value="2">2 người</ion-option>
    <ion-option value="3">3 người</ion-option>
</ion-select>

这会将item.audutModel的值指定为选择框的值，并侦听选择框的onChange事件。

旧答案：

如果您已经处理()，则不应在ngModel周围添加ngModelChange。此外，您还需要item.audutModel

周围的引号

喜欢这样

<ion-select [ngModel]="item.audutModel" (ngModelChange)="AddAdults(item.audutModel)">
    <ion-option value="1">1 người</ion-option>
    <ion-option value="2">2 người</ion-option>
    <ion-option value="3">3 người</ion-option>
</ion-select>

parantheses为ngModelChange事件添加一个事件监听器，该事件监听器将变量的值设置为更改的值。

Answer 2

好吧，我会用这种方式。我希望这会对某人有所帮助。

<ion-select [(ngModel)]="selectedKey" (ngModelChange)="doSomethingWithSelected()">
   <ion-option value="1">1 option</ion-option>
   <ion-option value="2">2 option</ion-option>
   <ion-option value="3">3 option</ion-option>
</ion-select>

selectedKey 是一个获取选定值的变量，因此在 ngModelChange 事件中，您可以使用不带任何参数的方法。只需在其中使用 selectedKey 即可。该变量将保持选定的值。

如果您对ngModel有任何疑问，请查看ngModel documentation。

关于不使用 [（）] （bannana表示法），对于ngModel，您应该使用两个括号。这样你也可以在选择框中设置选定的值。

[] - 只读[（）] - 读/写

在ngModel angular 2中传递params

2 个答案: