在Angular中，当子属性的值发生变化时，父组件可能不会检测到这一变化。为了解决这个问题，我们可以使用@Input装饰器与setter方法来手动触发变化检测。

例如，假设我们有一个名为user的父组件，其中包含一个名为name的子属性。我们可以在父组件中定义一个setter方法来监测子属性的变化，并使用ChangeDetectorRef手动触发变化检测。

父组件的模板代码：

父组件的TS代码：

import { Component, ChangeDetectorRef } from '@angular/core';
import { User } from './user.model';

@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html',
})
export class ParentComponent {
  user: User = { name: 'John' };

  constructor(private cdr: ChangeDetectorRef) {}

  set userName(value: string) {
    this.user.name = value;
    this.cdr.detectChanges();
  }
}

子组件的TS代码：

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
})
export class ChildComponent {
  @Input() name: string;
}

在上面的代码示例中，当父组件的userName属性被修改时，我们手动触发变化检测，从而确保子组件中的变化也会被检测到。

这种方法可以确保子属性的变化能够被检测到并更新UI。