Question

我是Angular的新手，正在开发我的第一个项目，这是一个混合移动应用程序。我正在使用Ionic / Angular。

在我的应用中，每个用户帐户都有自定义通知设置。任何给定用户都可以打开或关闭大约十种不同类型的通知设置。我在“设置”页面上的应用中有一个复选框表单。

如何将此数据正确绑定到服务器上的用户帐户？根据我的理解，当输入在应用程序的其他地方使用时，ngModel非常有用，而此用途仅适用于基于服务器数据更改而发生的通知。

以下是我目前正在考虑做的事情，但我希望在实施特定解决方案之前获得一些社区意见。在我的用户服务中，将数据填充到我的用户模块以供应用程序使用，我是否应该包含一组表示当前通知设置的bool值？然后我可以使用与ngModel的数据绑定将复选框表单输入连接到用户模块吗？

Answer 1

我建议您使用ion-toggle和更改输出功能。这样，您就不需要ngModel。

在你的HTML中：

<ion-item>
    <ion-label> Notification 1 </ion-label>
    <ion-toggle (ionChange)="toggleNotification('not1', $event.target.value)"> </ion-toggle>
</ion-item>
<ion-item>
    <ion-label> Notification 2 </ion-label>
    <ion-toggle (ionChange)="toggleNotification('not2', $event.target.value)"> </ion-toggle>
</ion-item>

并在您的打字稿中，您应该收到此值并致电您的api服务器：

public toggleNotification(notification: string, value: boolean) {
  // Call your server based on the notification
}

像这样。

我是否使用ngModel将表单绑定到服务器脚本？

1 个答案: