nativescript 7 ngModel 不工作

如果您使用 NativeScript 7+ 并尝试使用 [(ngModel)] 双向绑定时遇到问题，那么可能会需要做出一些更改。

问题

以前版本的 NativeScript 中，您通常可以使用以下代码来实现与 [(ngModel)] 的双向绑定：

<TextField [(ngModel)]="property"></TextField>

然而，在 NativeScript 7 中，这个方法不再起作用。

解决方案

方案1

如果您正在使用 Angular 9，那么可以使用 ngDefaultControl 属性，如下所示：

<TextField ngDefaultControl [(ngModel)]="property"></TextField>

请注意，如果您使用的是 NativeScript 内置的元素而不是 Angular 的原生元素，则无需使用 ngDefaultControl。

方案2

如果您的应用程序需要使用自定义组件并且需要在组件中使用 [(ngModel)]，则可以尝试使用 ControlValueAccessor 接口来实现。

有关如何使用 ControlValueAccessor 接口的更多信息，请参阅官方文档：使用 ControlValueAccessor。

结论

如果您尝试在 NativeScript 7 中使用 [(ngModel)] 并且遇到问题，则可以尝试使用 ngDefaultControl 或 ControlValueAccessor 接口来解决问题。