使用ngModel时，输入中的默认值不起作用

Question

我试图以角度为我的pdf查看器添加分页，我有以下代码：

<input value="1" type="number" min="1" max="{{ totalPages }}" [(ngModel)]="page">/{{ totalPages }}

我想将输入的默认值设置为＆＃34; 1＆＃34;，但这不起作用。如果我拿出

[(ngModel)]="page"

然后它工作得非常好。造成这种情况的原因是什么？

Answer 1

输入绑定到page的值，因此默认value=1被覆盖。但是page可能在您的组件中为空/未初始化，因此该值只是空白。您需要在组件中将page初始化为1，例如像这样：

page: number = 1

然后，您还可以摆脱模板中的value=1初始化。