UI组件中的@Input变量返回null

确保在使用@Input修饰符的组件的上级组件中正确传递变量，并在组件内进行null检查，以避免潜在的错误。

示例代码：

// 子组件（使用@Input修饰符） @Component({ selector: 'app-child', template: '<p>{{childVariable}}</p>' }) export class ChildComponent { @Input() childVariable: string; }

// 父组件（传递变量） @Component({ selector: 'app-parent', template: '<app-child [childVariable]="parentVariable"></app-child>' }) export class ParentComponent { parentVariable: string = 'Hello World!'; }

// 在子组件内进行null检查 @Component({ selector: 'app-child', template: '<p>{{childVariable || "Variable is null"}}</p>' }) export class ChildComponent { @Input() childVariable: string; }