将ngModel与空Object一起使用-Java 学习之路

将值添加到类的空实例的最新解决方案是什么？例如，我有一个用户类，我想创建一个新用户 . 在我的组件中，我实例化一个空的用户对象“user：User;” . 使用构造函数设置属性，一些参数是可选的 . 现在，如果我想通过ngModel将输入表单绑定到空/未定义的类实例，这（当然）不起作用 . 我可以在我的组件中设置默认值，但这似乎不是完美的解决方案 .

1 回答

设置您的反应形式并将它们设置为空白字符串和可选字段 .

因为角度将能够理解，除非你告诉它它是可选的 . 而现在，我没有任何东西可选择标记在任何角度..

public username: AbstractControl;
public password: AbstractControl;
this.userForm = new FormGroup({
  username: new FormControl('', [Validators.required]),
  password: new FormControl('', [Validators.required])
});

而你的观点将是这样的

<input type="text" name="username" formControlName="username"
                       class="form-control form-control-danger" id="username"
                       placeholder="Username" required
                       autofocus>

如果你想只显示绑定值

<div>{{username.value || ''}}</div>

如果绑定值为null undefined，而不将其设置为空字符串，则会抛出错误 .

回复于 2024-05-03T19:51:11+08:00

将ngModel与空Object一起使用

1 回答

相关问题