Angular嵌套对象属性表单绑定问题：group属性无法赋值求解

1. 正确绑定嵌套对象group的方法 #

你的绑定问题出在两个核心点：嵌套对象group未初始化，且错误混用了插值语法和ngModel。按以下步骤修正：

• 先初始化嵌套对象
  在TS文件里给modelAdd的group属性预先初始化空对象，让Angular能识别绑定的属性路径：

  modelAdd: Partial<Task> = {
    group: {} // 初始化group空对象
  };
  

  也可以在组件的ngOnInit钩子中完成初始化：

  ngOnInit(): void {
    this.modelAdd.group = {};
  }
  

• 使用正确的双向绑定语法
  去掉ngModel里的插值语法{{}}，改用Angular标准的双向绑定[(ngModel)]，直接绑定到嵌套属性：

  <!-- 绑定group.id -->
  <input [(ngModel)]="modelAdd.group.id" name="group.id" class="form-control" id="inputgroupb2" placeholder="taskgroupId">
  
  <!-- 绑定group.taskGroupName -->
  <input [(ngModel)]="modelAdd.group.taskGroupName" name="group.taskGroupName" class="form-control" placeholder="任务组名称">
  

完成后用户输入的值就能正确存入modelAdd的group属性，可直接用于构造POST请求参数。

2. 读取和写入访问方式不同的原因 #

读取任务列表时能直接用task.group.id，是因为后端返回的tasks数组里，每个task都是完整对象——后端已经为group属性赋值了具体的对象，不存在group为undefined的情况，因此可以直接链式访问属性。

而写入时，你初始化的modelAdd是Partial<Task>类型，默认只有空对象，group属性未定义。Angular无法给一个不存在的对象（undefined）赋值属性，直接绑定modelAdd.group.id会失效，最终值为undefined。必须先把group初始化为空对象，双向绑定才能找到对应的属性路径完成赋值。

内容的提问来源于stack exchange，提问作者Piotrek