从父组件调用时，角度子组件变量不更新

是指在Angular框架中，当父组件传递给子组件的变量发生变化时，子组件的相应变量没有更新的情况。

这个问题通常是由于Angular的变更检测机制引起的。Angular使用了一种称为"脏检查"的机制来检测变量的变化并更新视图。当父组件的变量发生变化时，Angular会检查子组件是否依赖于这些变量，如果依赖关系没有正确建立，子组件的变量就不会更新。

解决这个问题的方法有以下几种：

使用@Input装饰器：在子组件中，使用@Input装饰器来接收父组件传递的变量。这样，当父组件的变量发生变化时，Angular会自动更新子组件的变量。示例代码如下：

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

@Component({
  selector: 'app-child',
  template: '{{ childVariable }}'
})
export class ChildComponent {
  @Input() childVariable: string;
}

// 父组件
import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: '<app-child [childVariable]="parentVariable"></app-child>'
})
export class ParentComponent {
  parentVariable: string = 'Hello';

  // 父组件中的代码可以改变 parentVariable 的值
}

使用ngOnChanges生命周期钩子：在子组件中，可以使用ngOnChanges生命周期钩子来监听父组件传递的变量的变化，并在变化发生时更新子组件的变量。示例代码如下：

// 子组件
import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';

@Component({
  selector: 'app-child',
  template: '{{ childVariable }}'
})
export class ChildComponent implements OnChanges {
  @Input() childVariable: string;

  ngOnChanges(changes: SimpleChanges) {
    if (changes.childVariable) {
      this.childVariable = changes.childVariable.currentValue;
    }
  }
}

// 父组件
import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: '<app-child [childVariable]="parentVariable"></app-child>'
})
export class ParentComponent {
  parentVariable: string = 'Hello';

  // 父组件中的代码可以改变 parentVariable 的值
}

使用Observable和订阅机制：在父组件中，将变量包装成Observable对象，并在子组件中订阅这个Observable对象。这样，当父组件的变量发生变化时，子组件会收到通知并更新相应的变量。示例代码如下：

// 子组件
import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';

@Component({
  selector: 'app-child',
  template: '{{ childVariable }}'
})
export class ChildComponent implements OnInit {
  childVariable: string;

  ngOnInit() {
    this.parentVariable.subscribe(value => {
      this.childVariable = value;
    });
  }
}

// 父组件
import { Component } from '@angular/core';
import { Observable, Subject } from 'rxjs';

@Component({
  selector: 'app-parent',
  template: '<app-child></app-child>'
})
export class ParentComponent {
  parentVariable: Subject<string> = new Subject<string>();

  constructor() {
    // 父组件中的代码可以改变 parentVariable 的值
    this.parentVariable.next('Hello');
  }
}

以上是解决从父组件调用时，角度子组件变量不更新的几种常见方法。根据具体的场景和需求，选择适合的方法来解决这个问题。